/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 3.0.1
Updated: 2025-03-18 05:21:39

*/



/* === Dropdown vertical in meniul principal (Produse, Servicii) === */
.main-menu .menu > li.menu-item-has-children:not(.triotech-dropdown-menu) > ul.sub-menu {
    flex-direction: column !important;
    width: auto !important;
    min-width: 300px;
    padding: 10px 0;
}
.main-menu .menu > li.menu-item-has-children:not(.triotech-dropdown-menu) > ul.sub-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
.main-menu .menu > li.menu-item-has-children:not(.triotech-dropdown-menu) > ul.sub-menu > li > a {
    display: block;
    padding: 11px 26px;
    white-space: nowrap;
    text-align: left;
}


/* === Dropdown CATEGORII: vertical, pe coloane === */
.main-menu .menu > li.triotech-dropdown-menu > ul.sub-menu {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    max-height: 440px;
    align-content: flex-start;
    padding: 12px 10px;
}
.main-menu .menu > li.triotech-dropdown-menu > ul.sub-menu > li {
    display: block !important;
    width: 300px !important;
    margin: 0 !important;
}
.main-menu .menu > li.triotech-dropdown-menu > ul.sub-menu > li > a {
    display: block;
    padding: 9px 18px;
    white-space: nowrap;
    text-align: left;
}


/* === Dropdown vertical si in meniul mobil/compact === */
.mobile-menu .menu li.menu-item-has-children > ul.sub-menu {
    flex-direction: column !important;
    width: auto !important;
    min-width: 280px;
    padding: 10px 0;
}
.mobile-menu .menu li.menu-item-has-children > ul.sub-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
.mobile-menu .menu li.menu-item-has-children > ul.sub-menu > li > a {
    display: block;
    padding: 11px 24px;
    white-space: nowrap;
    text-align: left;
}


/* === Carduri categorii: inaltime uniforma indiferent de poza === */
.product-categories-item img {
    height: 428px !important;
    width: 100% !important;
    object-fit: cover;
}


/* === Paginile diviziilor: spatiu intre titlul din banner si lead === */
.pp-page .pp-lead {
    margin-top: 38px !important;
}


/* === Banner pagini: aer intre titlu, subtitlu si paragraf === */
.inner-banner-content h3 {
    margin-top: 30px !important;
    margin-bottom: 14px !important;
}
.inner-banner-content > p {
    margin-top: 12px !important;
    line-height: 1.8 !important;
    font-size: 19px !important;
}


/* === Butonul CATEGORII: rosu profund in loc de rosu pur === */
.main-menu .menu > li.triotech-dropdown-menu {
    background: #c8102e !important;
}
.main-menu .menu > li.triotech-dropdown-menu:hover {
    background: #ad0d27 !important;
}





/* === Bowling: carduri De ce QubicaAMF pe toata latimea === */
body .Pinsetters-content .printers-gallery{display:block !important; width:100% !important; max-width:none !important;}
body .Pinsetters-content .printers-gallery .printers-gallery-item{display:block !important; width:100% !important; max-width:none !important; margin:0 0 34px !important;}
body .Pinsetters-content .printers-gallery .printers-gallery-item .item_image{display:grid !important; grid-template-columns:1fr 1.15fr !important; gap:36px; align-items:center; width:100% !important; max-width:none !important;}
body .Pinsetters-content .printers-gallery .printers-gallery-item .item_image .pinsetters_bawling_image{width:100% !important; height:auto !important; max-width:none !important; min-width:0 !important; border-radius:16px; overflow:hidden;}
body .Pinsetters-content .printers-gallery .printers-gallery-item .item_image img{width:100% !important; height:380px !important; max-width:none !important; object-fit:cover; display:block;}
@media(max-width:820px){body .Pinsetters-content .printers-gallery .printers-gallery-item .item_image{grid-template-columns:1fr !important;} body .Pinsetters-content .printers-gallery .printers-gallery-item .item_image img{height:240px !important;}}


/* === Despre noi: tipografie mai mare si aerisita === */
body.page-template-about-us p, body.page-id-29 p {
    font-size: 20px !important;
    line-height: 1.95 !important;
}
body.page-template-about-us h4, body.page-id-29 h4 {
    font-size: 24px !important;
}
body.page-template-about-us h3, body.page-id-29 h3 {
    font-size: 34px !important;
}


/* === Bowling: spatiu redus intre intro si De ce QubicaAMF === */
body.page-id-37 .Transform-section {
    padding-bottom: 36px !important;
}
body.page-id-37 .Pinsetters-section {
    padding-top: 44px !important;
}


/* === Bowling: font o masura mai mare pe texte === */
body.page-id-37 .Transform-section-title p,
body.page-id-37 .items_heading p {
    font-size: 20px !important;
    line-height: 1.8 !important;
}


/* === FEC Planning: carduri pe toata latimea, alternante === */
body.page-id-35 .consultation-grid{display:block !important;}
body.page-id-35 .consultation-card{display:grid !important; grid-template-columns:1fr 1.15fr !important; gap:38px; align-items:center; width:100% !important; max-width:none !important; margin:0 0 44px !important;}
body.page-id-35 .consultation-card:nth-child(even) img{order:2;}
body.page-id-35 .consultation-card img{width:100% !important; height:360px !important; max-width:none !important; object-fit:cover; border-radius:16px; display:block;}
body.page-id-35 .consultation-card p{font-size:18px; line-height:1.8;}
@media(max-width:820px){body.page-id-35 .consultation-card{grid-template-columns:1fr !important;} body.page-id-35 .consultation-card img{order:0 !important; height:240px !important;}}


/* === Titluri si texte normalizate (fara Title Case englezesc) === */
h1, h2, h3, h4, h5, h6, p, .section-title h2, .items_heading h4 {
    text-transform: none !important;
}


/* === Despre noi: sectiuni mai stranse === */
body.page-id-29 .Transform-section{padding-top:44px !important; padding-bottom:36px !important;}
body.page-id-29 .vision-mission-section{padding-top:44px !important; padding-bottom:44px !important;}
body.page-id-29 .what-drives-us{padding-top:44px !important; padding-bottom:44px !important;}
body.page-id-29 .our-story-section{padding-top:44px !important; padding-bottom:44px !important;}
body.page-id-29 .testimonials-section{padding-top:44px !important;}


/* === Produse: imagini uniforme in grila === */
ul.products li.product img, .products .product img, [class*=product-item] img {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}


/* === Logo nou: dimensionare header/footer === */
img.custom-logo{ height:92px !important; width:auto !important; max-width:none !important; }
footer img.custom-logo, .footer img.custom-logo{ height:72px !important; }

/* logo alb pe footer intunecat */
footer img.custom-logo, .footer img.custom-logo{ content: url('/wp-content/uploads/2026/07/triotech-logo-p3-alb.png'); }


/* === Mobil: fara scroll lateral + meniu strans === */
@media(max-width:840px){
  html, body{ overflow-x:hidden !important; }
  .mobile-header-actions{ position:relative; right:43px; }
  .mobile-menu > .menu{ display:none; }
  body:has(.hamburger-menu.active) .mobile-menu > .menu{ display:block; }
}

body.page-id-37 .Pinsetters-content p, body.page-id-37 .Pinsetters-section p, body.page-id-37 .Boost-content p {
    font-size: 20px !important;
    line-height: 1.85 !important;
}

/* Bowling: ritm tipografic */
body.page-id-37 h2, body.page-id-37 h3{ margin-bottom:18px; }
body.page-id-37 section p{ margin-bottom:14px; max-width:none; }
body.page-id-37 .Transform-section-title p, body.page-id-37 .section-title p{ margin-left:auto; margin-right:auto; }
body.page-id-37 .items_heading p, body.page-id-37 .Boost-content p, body.page-id-37 .item_image p{ text-align:center !important; }

/* Bowling: titluri de card centrate */
body.page-id-37 .items_heading h4, body.page-id-37 .items_heading h3, body.page-id-37 .item_image h4 {
    text-align: center !important;
}

/* Newsletter footer: spatiu sub formular */
.tt-newsletter{ margin-top:14px !important; margin-bottom:28px !important; }
.tt-newsletter .tt-nl-form{ margin-bottom:6px; }

/* === Fix diacritice majuscule in titlul hero === */
.home-slider-content h1 {
    text-transform: uppercase !important;
}

/* === Branduri: logo-uri mereu continute in card, wrap curat pe ecrane mici === */
.our-brand-slider{ flex-wrap: wrap; }
.our-brand-slider .slider-item{ display:flex; align-items:center; justify-content:center; overflow:hidden; }
.our-brand-slider .slider-item img{ max-width:85% !important; width:auto !important; height:auto !important; max-height:90px !important; object-fit:contain; }