/*
 * Theme Name:   GeneratePress Child
 * Theme URI:    https://talevtechnology.com
 * Description: Child theme for GeneratePress
 * Author:       Talev Technology
 * Author URI:   https://talevtechnology.com
 * Template:     generatepress
 * Version:      1.0
 */
/* Language switcher styling */
/* Language switcher styling */


body {
    background-image: url("https://talevtechnology.com/bg/wp-content/uploads/2026/01/contentbg.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
}

/* омекотява патърна */
body::before{
    content:"";
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.20);
    pointer-events: none;
    z-index: -1;
}
.inside-article,
.widget {
    border-radius: 10px;
}

.inside-article {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    padding: 24px;
}

.widget {
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    padding: 18px;
}
/* Dropdown меню – полупрозрачен фон */
.main-navigation ul ul {
    background-color: rgba(255, 255, 255, 0.8); /* черно с прозрачност */
    backdrop-filter: blur(6px);           /* леко "стъкло" */
    -webkit-backdrop-filter: blur(6px);
}

/* Hover */
.main-navigation ul ul li a:hover {
    background-color: rgba(255, 140, 0, 0.25);
}

/* Dropdown меню – полупрозрачен фон */


/* Линковете вътре */
.main-navigation ul ul li a {
    color: #000;
}


html, body {
    overflow-x: hidden;
}


@media (max-height: 520px) {
    #masthead .inside-header {
    display: block !important; /* или unset */
    }

    #masthead .site-title a,
    #masthead .main-title a {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    }
}

/* ===== CTA section ===== */
.cta-section {
    margin-top: 64px;
    padding: 32px;
    background: #f7f7f7;
}

@media (max-width: 600px){
    .inside-article,
    .separate-containers .inside-article,
    .one-container .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .cta-section {
        padding: 16px !important;
    }

    .cta-section > .wp-block-group__inner-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 600px){
    .cta-section { text-align: center; }
    .cta-section .wp-block-buttons { justify-content: center; }
}

.cta-section { border-radius: 6px; }

/* =========================
 * DESKTOP HEADER CENTERING
 * ========================= */
:root{
    --tt-title-shift: 0px;   /* заглавие */
    --tt-logo-offset: 26px;  /* лого */

    /* червената линия */
    --tt-red-h: 6px;   /* height */
    --tt-red-b: 8px;   /* bottom offset */
}

/* Хедърът да е референтен за псевдо-елемента (червената линия) */
#masthead.site-header{
position: relative !important;
}

/* Червена линия - спрямо хедъра */
#masthead.site-header::after{
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: var(--tt-red-b) !important;
width: 100% !important;
height: var(--tt-red-h) !important;
background: #d91f26 !important;
}

/* >>> ВАЖНО: ВСИЧКО за абсолютното позициониране само за DESKTOP <<< */
@media (min-width: 1025px){

    /* inside-header става референтна кутия за лого/текст */
    #masthead .inside-header{
    position: relative !important;
    min-height: 90px !important;      /* <-- височина на черната лента */
    display: block !important;         /* махаме flex */
    }

    /* махаме ограниченията на GP контейнера само в хедъра */
    #masthead .inside-header.grid-container{
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    }

    /* ВИРТУАЛЕН център: между top и долния край на червената линия */
    #masthead .inside-header .site-logo,
    #masthead .inside-header .site-branding{
    top: calc((100% - (var(--tt-red-b) + var(--tt-red-h))) / 2) !important;
    }

    /* ЛОГО вдясно */
    #masthead .inside-header .site-logo{
    position: absolute !important;
    right: var(--tt-logo-offset) !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    float: none !important;
    z-index: 2 !important;
    }

    /* ТЕКСТ в центъра */
    #masthead .inside-header .site-branding{
    position: absolute !important;
    left: calc(50% + var(--tt-title-shift)) !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: max-content !important;
    max-width: calc(100% - 220px) !important;
    z-index: 1 !important;
    }

    #masthead .inside-header .site-branding .main-title{
    margin: 0 !important;
    white-space: nowrap !important;
    }

    #masthead .inside-header .site-branding .main-title a{
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
    }
}
/* DESKTOP: размер на логото */
@media (min-width: 1025px){

    :root{
        --tt-logo-h-desktop: 38px; /* <-- сменяй тук */
    }

    /* махаме възможни ограничения от wrapper-и */
    #masthead .inside-header .site-logo,
    #masthead .inside-header .site-logo a{
    max-height: none !important;
    height: auto !important;
    line-height: 0 !important;
    }

    /* реалният размер на SVG-то (img) */
    #masthead .inside-header .site-logo img,
    #masthead .inside-header .site-logo .header-image{
    height: var(--tt-logo-h-desktop) !important;
    width: auto !important;
    max-height: none !important;
    max-width: 100% !important;
    display: block !important;
    }
}

/* =========================
 *   MOBILE ABSOLUTE HEADER
 *   ========================= */

/* Базови променливи */
:root{
    --tt-m-inset: 14px;      /* отстъп от ляво/дясно */
    --tt-gap: 12px;          /* разстояние между текст и лого */

    --tt-logo-max: 64px;     /* default мобилен таван (tablet/phone) */

    /* Landscape контрол на логото (реален размер) */
    --tt-logo-h-land: 30px;  /* беше --tt-logo-h: 30px */

    /* Portrait контрол на логото (реален размер) */
    --tt-logo-h-port: 22px;  /* беше height: 22px */
}

/* На мобилно/таблет: спираме flex, връщаме absolute логика */
@media (max-width: 1024px){

    #masthead .inside-header{
    display: block !important;
    }

    #masthead.site-header{
    position: relative !important;
    }

    #masthead .inside-header.grid-container{
    position: relative !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    }

    /* ЛОГО – вдясно */
    #masthead .site-logo{
    position: absolute !important;
    right: var(--tt-m-inset) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    float: none !important;
    z-index: 2 !important;
    }

    /* default: логото се управлява от таван (max-height) */
    #masthead .site-logo img{
    max-height: var(--tt-logo-max) !important;
    width: auto !important;
    }

    /* ТЕКСТ – вляво, оставя място за логото */
    #masthead .site-branding{
    position: absolute !important;
    left: var(--tt-m-inset) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    z-index: 1 !important;

    right: calc(var(--tt-m-inset) + var(--tt-logo-max) + var(--tt-gap)) !important;
    }

    #masthead .site-branding .main-title{
    margin: 0 !important;
    white-space: normal !important;
    line-height: 1.12 !important;
    }
}


/* =========================
 *   LANDSCAPE (телефон настрани)
 *   ========================= */
@media (max-width: 1024px) and (orientation: landscape){

    :root{
        --tt-m-inset: 14px;
        --tt-logo-max: 34px;

        --tt-red-h: 6px;
        --tt-red-b: 6px;
    }

    #masthead.site-header{
    min-height: 60px !important;
    }

    /* ТЕКСТ – вляво, вертикално центриран между горе и червената линия */
    #masthead .site-branding{
    left: var(--tt-m-inset) !important;
    right: auto !important;

    top: calc((100% - (var(--tt-red-b) + var(--tt-red-h))) / 2) !important;
    transform: translateY(-50%) !important;

    width: calc(100% - 160px) !important;
    text-align: left !important;
    }

    /* ЛОГО – вдясно, същата вертикала */
    #masthead .site-logo{
    right: var(--tt-m-inset) !important;
    left: auto !important;

    top: calc((100% - (var(--tt-red-b) + var(--tt-red-h))) / 2) !important;
    transform: translateY(-50%) !important;
    }

    #masthead .site-branding .main-title{
    font-size: 18px !important;
    white-space: nowrap !important;
    }

    #masthead.site-header::after{
    height: var(--tt-red-h) !important;
    bottom: var(--tt-red-b) !important;
    }

    /* ✅ Landscape: истински resize на логото (както при теб работи) */
    #masthead .site-logo,
    #masthead .site-logo a{
    max-height: none !important;
    height: auto !important;
    line-height: 0 !important;
    }

    #masthead .site-logo img{
    height: var(--tt-logo-h-land) !important;
    max-height: none !important;
    width: auto !important;
    max-width: 100% !important;
    }
}


/* =========================
 *   PORTRAIT (телефон изправен)
 * ========================= */
@media (max-width: 600px) and (orientation: portrait){

    :root{
        --tt-p-inset: 12px;

        --tt-logo-top: 10px;
        --tt-logo-h: 22px;

        --tt-title-top-gap: 8px;

        --tt-red-h: 6px;
        --tt-red-b: 6px;
    }

    /* Черната лента */
    #masthead.site-header{
    min-height: 100px !important;
    position: relative !important;
    }

    /* ЛОГО – горе вдясно */
    #masthead .site-logo{
    position: absolute !important;
    right: var(--tt-p-inset) !important;
    top: var(--tt-logo-top) !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 2 !important;

    max-height: none !important;
    overflow: visible !important;
    }

    #masthead .site-logo img{
    height: var(--tt-logo-h) !important;
    width: auto !important;
    max-height: none !important;
    display: block !important;
    }

    /* ТЕКСТ – ПОД логото (вертикалата НЕ СЕ ПИПА) */
    #masthead .site-branding{
    position: absolute !important;
    left: var(--tt-p-inset) !important;
    right: var(--tt-p-inset) !important;

    top: calc(
        var(--tt-logo-top)
        + var(--tt-logo-h)
        + var(--tt-title-top-gap)
    ) !important;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;

    /* 🔴 ЕДИНСТВЕНАТА ПРОМЯНА */
    text-align: center !important;
    }

    #masthead .site-branding .main-title{
    margin: 0 !important;
    white-space: normal !important;
    line-height: 1.12 !important;
    font-size: clamp(16px, 4.4vw, 22px) !important;

    overflow: hidden !important;
    text-overflow: clip !important;
    }

    /* за да се центрира реално и линкът */
    #masthead .site-branding .main-title a{
    display: inline-block !important;
    }

    /* Червена линия */
    #masthead.site-header::after{
    height: var(--tt-red-h) !important;
    bottom: var(--tt-red-b) !important;
    }
}


/* Хамбургер меню в LANDSCAPE (като портрет) */
@media (max-width: 1024px) and (orientation: landscape){

    /* скриваме нормалното меню */
    .main-navigation ul,
    .main-navigation .main-nav{
        display: none !important;
    }

    /* показваме бутона (трите чертички) */
    .main-navigation .menu-toggle{
        display: block !important;
    }

    /* ако GeneratePress държи nav-а като flex/друго */
    .main-navigation.toggled .main-nav,
    .main-navigation.toggled ul{
        display: block !important;
    }
}

/* =========================
 * TABLET FIX (iPad / 768–1024)
 * - менюто да е hamburger (като мобилно)
 * - header да си остане както е (лого вдясно, текст вляво/център според твоите правила)
 * ========================= */
@media (min-width: 768px) and (max-width: 1024px){

    /* 1) Принуждаваме навигацията да мине на мобилен режим (hamburger) */
    .main-navigation .main-nav > ul,
    .main-navigation:not(.toggled) .main-nav > ul{
        display: none !important;
    }

    .main-navigation .menu-toggle{
        display: flex !important;
        align-items: center;
    }

    /* 2) При toggle да се показва менюто нормално */
    .main-navigation.toggled .main-nav > ul{
        display: block !important;
    }

    /* 3) (по желание) леко смаляване на заглавие/лого за таблет */
    #masthead .site-branding .main-title{
    font-size: 18px !important; /* ако искаш - 17/18/19 */
    }

    #masthead .site-logo img{
    max-height: 42px !important; /* ако искаш - 38–48 */
    width: auto !important;
    }
}
/* =========================
 *   TABLET LANDSCAPE
 *   ========================= */
@media (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape){

    /* 1) меню -> hamburger */
    .main-navigation .menu-toggle{
        display: flex !important;
        align-items: center !important;
    }
    .main-navigation .main-nav > ul,
    .main-navigation:not(.toggled) .main-nav > ul{
        display: none !important;
    }
    .main-navigation.toggled .main-nav > ul{
        display: block !important;
    }

    /* 2) ако искаш header-а да НЕ е “desktop център”, а да е като мобилния */
    :root{
        --tt-m-inset: 14px;
        --tt-logo-max: 38px; /* малко лого */
        --tt-gap: 12px;
        --tt-red-h: 6px;
        --tt-red-b: 6px;
    }

    /* Вкарваме “мобилната абсолютна логика” и тук */
    #masthead .inside-header{ display: block !important; }
    #masthead.site-header{ position: relative !important; }

    #masthead .inside-header.grid-container{
    position: relative !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    }

    #masthead .site-logo{
    position: absolute !important;
    right: var(--tt-m-inset) !important;
    left: auto !important;
    top: calc((100% - (var(--tt-red-b) + var(--tt-red-h))) / 2) !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    }

    #masthead .site-logo img{
    max-height: var(--tt-logo-max) !important;
    width: auto !important;
    }

    #masthead .site-branding{
    position: absolute !important;
    left: var(--tt-m-inset) !important;
    right: calc(var(--tt-m-inset) + var(--tt-logo-max) + var(--tt-gap)) !important;
    top: calc((100% - (var(--tt-red-b) + var(--tt-red-h))) / 2) !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
    z-index: 1 !important;
    }

    #masthead .site-branding .main-title{
    font-size: 18px !important;
    white-space: nowrap !important;
    margin: 0 !important;
    line-height: 1.12 !important;
    }

    #masthead.site-header::after{
    height: var(--tt-red-h) !important;
    bottom: var(--tt-red-b) !important;
    }
}
/* "псевдо-desktop на малък екран" */
@media (min-width: 768px) and (max-width: 1100px) and (pointer: coarse) {
    #masthead.site-header{
    min-height: 80px;   /* + височина */
    }
}
/* Card */
.tt-download-card{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:16px;
    border:1px solid #e3e3e3;
    border-radius:12px;
    background:#f9f9f9;
    max-width:520px;
}

/* Left PDF badge */
.tt-download-left{
    flex:0 0 auto;
    background:#ff7a00;
    color:#fff;
    padding:14px 12px;
    border-radius:10px;
    font-weight:800;
    letter-spacing:0.5px;
    line-height:1;
}

.tt-download-right strong{
    display:block;
    font-size:16px;
    margin-bottom:2px;
}

.tt-download-right small{
    display:block;
    opacity:.75;
    margin-bottom:10px;
}

/* >>> Make ANY link inside the shortcode area look like a button <<< */
.tt-download-card .tt-download-action a{
    display:inline-flex !important;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border-radius:8px;
    background:#ff7a00;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:700;
    line-height:1.2;
}

/* Hover */
.tt-download-card .tt-download-action a:hover{
    background:#e56d00;
}

.tt-download-card .tt-download-action a::before{
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    background-image:url("https://talevtechnology.com/bg/wp-content/uploads/2026/01/pdf-svgrepo-com.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    filter: brightness(0) invert(1);
    vertical-align:middle;
}



/* If plugin wraps link in paragraphs/lists – clean spacing */
.tt-download-card .tt-download-action p,
.tt-download-card .tt-download-action ul,
.tt-download-card .tt-download-action li{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.tt-download-card .tt-download-action a{
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.tt-download-card .tt-download-action a:hover{
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
/* Fix: stop breaking Bulgarian words inside tables on mobile */
.entry-content table td,
.entry-content table th {
    word-break: normal !important;
    overflow-wrap: break-word !important;  /* чупи само при нужда */
    hyphens: auto;                         /* ако браузърът може, да срича */
}
@media (max-width: 600px){
    .entry-content table td,
    .entry-content table th {
        font-size: 14px;
        line-height: 1.3;
    }
}

.page-id-1466 .tt-section {
    background: #ffffff;
    border-radius: 16px;
    padding: 34px;
    margin-bottom: 34px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.page-id-1466 .tt-hero {
    padding: 42px;
}

.page-id-1466 .tt-hero p {
    font-size: 18px;
    line-height: 1.65;
}

.page-id-1466 .tt-hero img,
.page-id-1466 .tt-product-card img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}

.page-id-1466 .tt-gas-grid,
.page-id-1466 .tt-product-grid,
.page-id-1466 .tt-why-grid,
.page-id-1466 .tt-app-grid {
    display: grid;
    gap: 18px;
}

.page-id-1466 .tt-gas-grid {
    grid-template-columns: repeat(3, 1fr);
}

.page-id-1466 .tt-product-grid {
    grid-template-columns: repeat(3, 1fr);
}

.page-id-1466 .tt-why-grid,
.page-id-1466 .tt-app-grid {
    grid-template-columns: repeat(2, 1fr);
}

.page-id-1466 .tt-card,
.page-id-1466 .tt-product-card {
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    padding: 18px;
    background: #fff;
}

.page-id-1466 .tt-product-card {
    display: flex;
    flex-direction: column;
}

.page-id-1466 .tt-product-card h3,
.page-id-1466 .tt-card h3 {
    font-size: 21px;
    line-height: 1.25;
    margin-top: 14px;
    margin-bottom: 10px;
}

.page-id-1466 .tt-card p,
.page-id-1466 .tt-product-card p {
    line-height: 1.55;
}

.page-id-1466 .tt-product-card .wp-block-button {
    margin-top: auto;
}

.page-id-1466 .tt-product-card .wp-block-button__link,
.page-id-1466 .tt-hero .wp-block-button__link {
    border-radius: 999px;
}

.page-id-1466 h2 {
    margin-top: 0;
    margin-bottom: 22px;
}

.page-id-1466 h3 a {
    text-decoration: none;
}

/* Mobile */
@media (max-width: 768px) {
    .page-id-1466 .tt-section {
        padding: 22px;
        margin-bottom: 24px;
        border-radius: 12px;
    }

    .page-id-1466 .tt-hero {
        padding: 24px;
    }

    .page-id-1466 .tt-hero p {
        font-size: 16px;
    }

    .page-id-1466 .tt-gas-grid,
    .page-id-1466 .tt-product-grid,
    .page-id-1466 .tt-why-grid,
    .page-id-1466 .tt-app-grid {
        grid-template-columns: 1fr;
    }

    .page-id-1466 .wp-block-columns {
        gap: 20px;
    }

    .page-id-1466 .tt-product-card h3,
    .page-id-1466 .tt-card h3 {
        font-size: 19px;
    }
}

.tt-flag-bg {
    display: inline-block;
    width: 24px;
    height: 16px;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    vertical-align: -2px;
    margin-right: 6px;
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 33.33%,
        #00966e 33.33%,
        #00966e 66.66%,
        #d62612 66.66%,
        #d62612 100%
    );
}

.category-blog h1.page-title, .category-blog .archive-header {
    display: none !important;
}
/* Hide category archive title block: Продукти */
body.category-produkti .site-main > .page-header,
body.category-produkti .page-header,
body.category-produkti header.page-header {
    display: none !important;
}

.category-blog h1.page-title, .category-blog .archive-header {
    display: none !important;
}
/* Hide category archive title block: Продукти */
body.category-blog .site-main > .page-header,
body.category-blog .page-header,
body.category-blog header.page-header {
    display: none !important;
}
/* Brand-safe heading wrapping */
.tt-brand {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .home .tt-why-title,
    .page-id-1466 .tt-why-title {
        font-size: 34px;
        line-height: 1.15;
    }

    .home .tt-why-title .tt-brand,
    .page-id-1466 .tt-why-title .tt-brand {
        display: block;
        font-size: 0.9em;
        white-space: nowrap;
    }
}

@media (max-width: 390px) {
    .home .tt-why-title,
    .page-id-1466 .tt-why-title {
        font-size: 30px;
    }

    .home .tt-why-title .tt-brand,
    .page-id-1466 .tt-why-title .tt-brand {
        font-size: 0.82em;
    }
}