/*
Theme Name: Agama Garant
Theme URI: https://garantbuilding.com/
Description: Child theme на Agama за ГАРАНТ БИЛДИНГ 22 ЕООД — палитра „стомана и кехлибар“.
Author: ITSERVICE
Author URI: https://itservice-bg.net
Template: agama
Version: 1.0.8
Text Domain: agama-garant
*/

/* =========================================================================
   1. ПАЛИТРА И БАЗА
   ========================================================================= */
:root {
    --gb-navy:        #12263F;
    --gb-navy-2:      #0C1A2B;
    --gb-steel:       #1E4E79;
    --gb-steel-light: #2E6DA4;
    --gb-amber:       #F08A24;
    --gb-amber-dark:  #D9740F;
    --gb-concrete:    #E8EAED;
    --gb-concrete-2:  #F4F6F7;
    --gb-graphite:    #1B1F24;
    --gb-muted:       #5A6673;
    --gb-line:        #D5DAE0;
    --gb-white:       #FFFFFF;
    --gb-radius:      10px;
    --gb-shadow:      0 2px 4px rgba(18,38,63,.06), 0 8px 24px rgba(18,38,63,.08);
    --gb-shadow-lg:   0 4px 8px rgba(18,38,63,.08), 0 20px 48px rgba(18,38,63,.14);
    --gb-sans:        "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --gb-max:         1200px;
}

body,
body.custom-background {
    font-family: var(--gb-sans) !important;
    font-size: 16.5px !important;
    line-height: 1.72 !important;
    color: var(--gb-graphite) !important;
    background: var(--gb-white) !important;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .widget-title {
    font-family: var(--gb-sans) !important;
    color: var(--gb-navy) !important;
    letter-spacing: -.015em;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

a { color: var(--gb-steel); transition: color .18s ease; }
a:hover, a:focus { color: var(--gb-amber-dark); }

img { max-width: 100%; height: auto; }

/* Никакъв хоризонтален скрол */
html, body { overflow-x: hidden !important; }

/* =========================================================================
   2. ХЕДЪР
   ========================================================================= */
.agama-header-overlay {
    background: var(--gb-navy) !important;
    border-bottom: 3px solid var(--gb-amber) !important;
    box-shadow: 0 2px 14px rgba(0,0,0,.18) !important;
}
#agama-header,
#agama-header.sticky,
.agama-header-wrapper { background: var(--gb-navy) !important; }

/* горна лента със social/контакти */
.agama-top-nav-wrapper {
    background: var(--gb-navy-2) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    padding: 2px 0 !important;
}
.agama-top-nav-wrapper .tv-container { max-width: var(--gb-max); }
#agama-top-social ul { margin: 0 !important; padding: 0 !important; }
#agama-top-social ul li a,
#agama-top-social ul li a i {
    color: rgba(255,255,255,.72) !important;
    font-size: 14px !important;
}
#agama-top-social ul li a:hover i { color: var(--gb-amber) !important; }

/* лого */
#agama-logo { padding: 10px 0 !important; }
#agama-logo img.logo,
#agama-logo img.logo-desktop {
    max-height: 66px !important;
    height: auto !important;
    width: auto !important;
}

/* основно меню */
#agama-primary-nav .agama-navigation > li > a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    padding: 10px 15px !important;
    border-radius: 6px;
    transition: background .18s ease, color .18s ease;
}
#agama-primary-nav .agama-navigation > li > a:hover,
#agama-primary-nav .agama-navigation > li.current-menu-item > a,
#agama-primary-nav .agama-navigation > li.current_page_item > a,
#agama-primary-nav .agama-navigation > li.current-menu-parent > a,
#agama-primary-nav .agama-navigation > li.current-menu-ancestor > a {
    background: rgba(255,255,255,.10) !important;
    color: var(--gb-amber) !important;
}

/* падащо подменю */
#agama-primary-nav .agama-navigation .sub-menu {
    background: var(--gb-white) !important;
    border: 1px solid var(--gb-line) !important;
    border-top: 3px solid var(--gb-amber) !important;
    border-radius: 0 0 var(--gb-radius) var(--gb-radius) !important;
    box-shadow: var(--gb-shadow-lg) !important;
    padding: 6px 0 !important;
    min-width: 250px !important;
}
#agama-primary-nav .agama-navigation .sub-menu li a {
    color: var(--gb-graphite) !important;
    text-transform: none !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    padding: 9px 18px !important;
    border: 0 !important;
}
#agama-primary-nav .agama-navigation .sub-menu li a:hover {
    background: var(--gb-concrete-2) !important;
    color: var(--gb-steel) !important;
}

/* мобилно меню — САМО в мобилния breakpoint (виж § 12) */
#agama-mobile-nav { background: var(--gb-navy-2) !important; }
#agama-mobile-nav .menu li a {
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    padding: 13px 18px !important;
    font-weight: 600 !important;
}
#agama-mobile-nav .menu li a:hover { color: var(--gb-amber) !important; }
#agama-mobile-nav .menu .sub-menu li a { padding-left: 34px !important; font-weight: 400 !important; }

.navbar-buttons a, .navbar-buttons i, #agama-search-btn i { color: #fff !important; }

/* =========================================================================
   3. ОБВИВКА НА СЪДЪРЖАНИЕТО
   ========================================================================= */
#main.wrapper { padding: 0 !important; background: var(--gb-white) !important; }
#main.wrapper > .vision-row.tv-row { margin: 0 !important; }
#primary.site-content { padding: 0 !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
#content { padding: 0 !important; }
article.page, article.post { margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
article.page .entry-header { margin: 0 !important; }
article.page .entry-content { padding: 0 !important; margin: 0 !important; }
article .entry-meta, article .entry-header .entry-title:empty { display: none !important; }

/* заглавието на страницата — само там, където сами не сме сложили банер */
article.page > .entry-header > .entry-title {
    max-width: var(--gb-max);
    margin: 46px auto 8px !important;
    padding: 0 20px !important;
    font-size: 2.1rem !important;
}
body.home article.page > .entry-header > .entry-title,
body.page-has-hero article.page > .entry-header > .entry-title { display: none !important; }

/* коментари долу на страници — не са ни нужни */
#comments, .comments-area { display: none !important; }

/* =========================================================================
   4. СЕКЦИИ (пълна ширина в рамките на контейнера)
   ========================================================================= */
.gb-section {
    width: 100%;
    padding: 74px 0;
    position: relative;
}
.gb-section--tight { padding: 52px 0; }
.gb-section--concrete { background: var(--gb-concrete-2); }
.gb-section--navy { background: var(--gb-navy); color: rgba(255,255,255,.9); }
.gb-section--navy h2, .gb-section--navy h3 { color: #fff !important; }

.gb-wrap {
    max-width: var(--gb-max);
    margin: 0 auto;
    padding: 0 20px;
}

.gb-eyebrow {
    display: inline-block;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gb-amber-dark);
    margin-bottom: 12px;
}
.gb-section--navy .gb-eyebrow { color: var(--gb-amber); }

.gb-h2 {
    font-size: clamp(1.7rem, 3.2vw, 2.35rem);
    margin: 0 0 14px !important;
}
.gb-lead {
    font-size: 17.5px;
    color: var(--gb-muted);
    max-width: 760px;
    margin: 0 0 34px;
}
.gb-section--navy .gb-lead { color: rgba(255,255,255,.78); }
.gb-center { text-align: center; }
.gb-center .gb-lead { margin-left: auto; margin-right: auto; }

/* =========================================================================
   5. БУТОНИ
   ========================================================================= */
.gb-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: .01em;
    text-decoration: none !important;
    border: 2px solid transparent;
    transition: transform .16s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
    line-height: 1.2;
}
.gb-btn:hover { transform: translateY(-2px); }
.gb-btn--primary { background: var(--gb-amber); color: #17222E !important; box-shadow: 0 6px 18px rgba(240,138,36,.32); }
.gb-btn--primary:hover { background: var(--gb-amber-dark); color: #fff !important; }
.gb-btn--ghost { background: transparent; color: #fff !important; border-color: rgba(255,255,255,.55); }
.gb-btn--ghost:hover { background: rgba(255,255,255,.12); border-color: #fff; color: #fff !important; }
.gb-btn--dark { background: var(--gb-navy); color: #fff !important; }
.gb-btn--dark:hover { background: var(--gb-steel); color: #fff !important; }
.gb-btn--outline { background: transparent; color: var(--gb-navy) !important; border-color: var(--gb-line); }
.gb-btn--outline:hover { border-color: var(--gb-navy); background: var(--gb-navy); color: #fff !important; }
.gb-btns { display: flex; flex-wrap: wrap; gap: 14px; }

/* =========================================================================
   6. HERO
   ========================================================================= */
.gb-hero {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    background: var(--gb-navy) center/cover no-repeat;
    overflow: hidden;
}
.gb-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(9,20,34,.93) 0%, rgba(12,26,43,.85) 42%, rgba(18,38,63,.55) 100%);
}
.gb-hero .gb-wrap { position: relative; z-index: 2; padding-top: 54px; padding-bottom: 54px; }
.gb-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(240,138,36,.16);
    border: 1px solid rgba(240,138,36,.45);
    color: var(--gb-amber);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 7px 15px;
    border-radius: 100px;
    margin-bottom: 22px;
}
.gb-hero h1 {
    color: #fff !important;
    font-size: clamp(2rem, 4.6vw, 3.35rem) !important;
    margin: 0 0 20px !important;
    max-width: 15.5em;
}
.gb-hero h1 em { font-style: normal; color: var(--gb-amber); }
.gb-hero__text {
    color: rgba(255,255,255,.86);
    font-size: 18px;
    max-width: 620px;
    margin: 0 0 32px;
}

/* по-нисък банер за вътрешните страници */
.gb-hero--sub { min-height: 270px; }
.gb-hero--sub h1 { font-size: clamp(1.8rem, 3.6vw, 2.6rem) !important; }
.gb-hero--sub .gb-wrap { padding-top: 44px; padding-bottom: 44px; }

/* =========================================================================
   7. ЛЕНТА С ПОКАЗАТЕЛИ
   ========================================================================= */
.gb-stats {
    background: var(--gb-navy-2);
    border-top: 1px solid rgba(255,255,255,.07);
}
.gb-stats .gb-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    padding-top: 0;
    padding-bottom: 0;
}
.gb-stat { padding: 30px 18px; text-align: center; }
.gb-stat__num {
    font-size: 2.15rem;
    font-weight: 800;
    color: var(--gb-amber);
    line-height: 1.05;
    display: block;
}
.gb-stat__label {
    color: rgba(255,255,255,.68);
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: .04em;
    margin-top: 6px;
    display: block;
}

/* =========================================================================
   8. КАРТИ НА НАПРАВЛЕНИЯТА
   ========================================================================= */
.gb-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.gb-card {
    background: var(--gb-white);
    border: 1px solid var(--gb-line);
    border-radius: var(--gb-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.gb-card:hover { transform: translateY(-4px); box-shadow: var(--gb-shadow-lg); border-color: transparent; }
.gb-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--gb-concrete); }
.gb-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.gb-card:hover .gb-card__media img { transform: scale(1.05); }
.gb-card__tag {
    position: absolute; left: 14px; top: 14px;
    background: var(--gb-amber); color: #17222E;
    font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    padding: 5px 11px; border-radius: 5px;
}
.gb-card__body { padding: 24px 24px 26px; display: flex; flex-direction: column; flex: 1; }
.gb-card__body h3 { font-size: 1.28rem; margin: 0 0 10px !important; }
.gb-card__body p { color: var(--gb-muted); font-size: 15.4px; margin: 0 0 20px; flex: 1; }
.gb-card__link {
    font-weight: 800; font-size: 14.5px; color: var(--gb-steel) !important;
    text-decoration: none !important; display: inline-flex; align-items: center; gap: 7px;
}
.gb-card__link::after { content: "→"; transition: transform .18s ease; }
.gb-card:hover .gb-card__link::after { transform: translateX(4px); }

/* =========================================================================
   9. ПРЕДИМСТВА / „ЗАЩО НАС“
   ========================================================================= */
.gb-feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 34px; }
.gb-feat { display: flex; gap: 16px; align-items: flex-start; }
.gb-feat__icon {
    flex: 0 0 46px; width: 46px; height: 46px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(240,138,36,.13);
    border: 1px solid rgba(240,138,36,.3);
    border-radius: 9px;
    color: var(--gb-amber-dark);
    font-size: 20px;
}
.gb-section--navy .gb-feat__icon { background: rgba(240,138,36,.16); color: var(--gb-amber); }
.gb-feat h3 { font-size: 1.03rem; margin: 3px 0 6px !important; }
.gb-feat p { color: var(--gb-muted); font-size: 14.8px; margin: 0; line-height: 1.62; }
.gb-section--navy .gb-feat p { color: rgba(255,255,255,.74); }

/* =========================================================================
   10. ТЕКСТ + СНИМКА
   ========================================================================= */
.gb-split { display: grid; grid-template-columns: 1.05fr .95fr; gap: 54px; align-items: center; }
.gb-split--flip .gb-split__media { order: -1; }
.gb-split__media img {
    width: 100%; border-radius: var(--gb-radius);
    box-shadow: var(--gb-shadow-lg); display: block;
    aspect-ratio: 4 / 3; object-fit: cover;
}
.gb-split__body p { color: var(--gb-muted); margin: 0 0 16px; }
.gb-split__body p strong { color: var(--gb-graphite); }
.gb-rule { width: 62px; height: 4px; background: var(--gb-amber); border-radius: 2px; margin: 0 0 22px; }
.gb-center .gb-rule { margin-left: auto; margin-right: auto; }

/* списък с отметки */
.gb-check { list-style: none !important; margin: 0 0 26px !important; padding: 0 !important; }
.gb-check li {
    position: relative; padding-left: 30px; margin-bottom: 11px;
    color: var(--gb-muted); font-size: 15.6px; list-style: none !important;
}
.gb-check li::before {
    content: "✓"; position: absolute; left: 0; top: 0;
    color: var(--gb-amber-dark); font-weight: 800;
}
.gb-section--navy .gb-check li { color: rgba(255,255,255,.8); }
.gb-section--navy .gb-check li::before { color: var(--gb-amber); }

/* =========================================================================
   11. ВИТРИНА (продукти без WooCommerce)
   ========================================================================= */
.gb-catnav { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 34px; }
.gb-catnav a {
    display: inline-block; padding: 8px 16px;
    background: var(--gb-white); border: 1px solid var(--gb-line);
    border-radius: 100px; font-size: 14px; font-weight: 700;
    color: var(--gb-navy) !important; text-decoration: none !important;
    transition: all .16s ease;
}
.gb-catnav a:hover { background: var(--gb-navy); border-color: var(--gb-navy); color: #fff !important; }
.gb-catnav a span { color: var(--gb-muted); font-weight: 500; }
.gb-catnav a:hover span { color: rgba(255,255,255,.7); }

.gb-catblock { margin-bottom: 54px; scroll-margin-top: 110px; }
.gb-catblock__head {
    display: flex; align-items: baseline; gap: 12px;
    border-bottom: 2px solid var(--gb-line); padding-bottom: 12px; margin-bottom: 26px;
}
.gb-catblock__head h3 { font-size: 1.35rem; margin: 0 !important; }
.gb-catblock__count { color: var(--gb-muted); font-size: 14px; font-weight: 600; }

.gb-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.gb-item {
    background: var(--gb-white);
    border: 1px solid var(--gb-line);
    border-radius: var(--gb-radius);
    overflow: hidden;
    display: flex; flex-direction: column;
    transition: transform .18s ease, box-shadow .18s ease;
}
.gb-item:hover { transform: translateY(-3px); box-shadow: var(--gb-shadow); }
.gb-item__media {
    aspect-ratio: 1 / 1; background: var(--gb-concrete-2);
    display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.gb-item__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gb-item__media .gb-noimg { color: var(--gb-line); font-size: 34px; }
.gb-item__body { padding: 14px 15px 16px; display: flex; flex-direction: column; flex: 1; }
.gb-item__title {
    font-size: 14.6px; font-weight: 700; color: var(--gb-graphite);
    line-height: 1.4; margin: 0 0 9px; flex: 1;
}
.gb-item__price { margin-top: auto; line-height: 1.35; }
.gb-item__eur { font-size: 16px; font-weight: 800; color: var(--gb-navy); display: block; }
.gb-item__bgn { font-size: 12.8px; color: var(--gb-muted); display: block; }
.gb-item__ask { font-size: 13.4px; font-weight: 700; color: var(--gb-amber-dark); }

.gb-note {
    background: rgba(30,78,121,.06);
    border-left: 4px solid var(--gb-steel);
    border-radius: 0 8px 8px 0;
    padding: 15px 20px;
    font-size: 14.6px;
    color: var(--gb-muted);
    margin: 0 0 34px;
}
.gb-note strong { color: var(--gb-graphite); }

/* галерия в продуктовите страници */
.gb-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.gb-gallery img {
    width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
    border-radius: var(--gb-radius); display: block;
    box-shadow: var(--gb-shadow);
}

/* =========================================================================
   12. CTA И КОНТАКТИ
   ========================================================================= */
.gb-cta {
    background: linear-gradient(120deg, var(--gb-navy) 0%, var(--gb-steel) 100%);
    color: #fff;
}
.gb-cta .gb-wrap { display: flex; align-items: center; justify-content: space-between; gap: 34px; flex-wrap: wrap; }
.gb-cta h2 { color: #fff !important; font-size: 1.72rem; margin: 0 0 8px !important; }
.gb-cta p { color: rgba(255,255,255,.82); margin: 0; font-size: 16.5px; }

.gb-contacts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.gb-contact {
    background: var(--gb-white); border: 1px solid var(--gb-line);
    border-radius: var(--gb-radius); padding: 26px 24px; text-align: center;
}
.gb-contact__icon {
    width: 50px; height: 50px; margin: 0 auto 14px;
    display: flex; align-items: center; justify-content: center;
    background: var(--gb-navy); color: var(--gb-amber);
    border-radius: 50%; font-size: 20px;
}
.gb-contact h3 { font-size: 1rem; margin: 0 0 7px !important; }
.gb-contact p, .gb-contact a {
    font-size: 15.6px; color: var(--gb-muted); margin: 0;
    text-decoration: none !important; word-break: break-word;
}
.gb-contact a:hover { color: var(--gb-amber-dark); }
.gb-contact a.gb-big { font-size: 19px; font-weight: 800; color: var(--gb-navy) !important; }
.gb-contact a.gb-big:hover { color: var(--gb-amber-dark) !important; }

.gb-map {
    border: 1px solid var(--gb-line); border-radius: var(--gb-radius);
    overflow: hidden; box-shadow: var(--gb-shadow); line-height: 0;
}
.gb-map iframe { width: 100%; height: 380px; border: 0; display: block; }

/* контактна форма (wpforms) */
.gb-form-wrap {
    background: var(--gb-white); border: 1px solid var(--gb-line);
    border-radius: var(--gb-radius); padding: 32px 30px; box-shadow: var(--gb-shadow);
}
.wpforms-container .wpforms-form input[type=text],
.wpforms-container .wpforms-form input[type=email],
.wpforms-container .wpforms-form input[type=tel],
.wpforms-container .wpforms-form textarea,
.wpforms-container .wpforms-form select {
    border: 1px solid var(--gb-line) !important;
    border-radius: 8px !important;
    padding: 11px 13px !important;
    font-family: var(--gb-sans) !important;
    font-size: 15.5px !important;
    background: var(--gb-concrete-2) !important;
    max-width: 100% !important;
}
.wpforms-container .wpforms-form input:focus,
.wpforms-container .wpforms-form textarea:focus {
    border-color: var(--gb-steel) !important;
    background: #fff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(30,78,121,.12) !important;
}
.wpforms-container .wpforms-form label.wpforms-field-label {
    font-family: var(--gb-sans) !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    color: var(--gb-navy) !important;
}
.wpforms-container .wpforms-form button[type=submit] {
    background: var(--gb-amber) !important;
    border: 0 !important;
    color: #17222E !important;
    font-family: var(--gb-sans) !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    padding: 14px 30px !important;
    border-radius: 8px !important;
    transition: background .18s ease, transform .16s ease;
}
.wpforms-container .wpforms-form button[type=submit]:hover {
    background: var(--gb-amber-dark) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* =========================================================================
   13. ФУТЪР
   ========================================================================= */
.footer-widgets {
    background: var(--gb-navy) !important;
    background-image: none !important;
    padding: 58px 0 34px !important;
    border-top: 3px solid var(--gb-amber) !important;
}
.footer-widgets .tv-container { max-width: var(--gb-max); }
.footer-widgets, .footer-widgets p, .footer-widgets li, .footer-widgets td {
    color: rgba(255,255,255,.74) !important;
    font-size: 15px !important;
}
.footer-widgets h1, .footer-widgets h2, .footer-widgets h3,
.footer-widgets h4, .footer-widgets .widget-title {
    color: #fff !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin: 0 0 16px !important;
    padding-bottom: 11px;
    border-bottom: 2px solid var(--gb-amber);
    display: inline-block;
}
.footer-widgets a { color: rgba(255,255,255,.74) !important; text-decoration: none !important; }
.footer-widgets a:hover { color: var(--gb-amber) !important; }
.footer-widgets ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.footer-widgets ul li { margin-bottom: 9px !important; list-style: none !important; }
.footer-widgets .widget { margin-bottom: 24px !important; }

#agama-footer {
    background: var(--gb-navy-2) !important;
    background-image: none !important;
    padding: 18px 0 !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
}
#agama-footer .tv-container { max-width: var(--gb-max); padding: 0 20px !important; }
#agama-footer, #agama-footer .site-info, #agama-footer p {
    color: rgba(255,255,255,.62) !important;
    font-size: 13.6px !important;
    margin: 0 !important;
}
#agama-footer a { color: rgba(255,255,255,.82) !important; }
#agama-footer a:hover { color: var(--gb-amber) !important; }
#agama-footer .social ul li a i { color: rgba(255,255,255,.6) !important; }
#agama-footer .social ul li a:hover i { color: var(--gb-amber) !important; }
#agama-footer .pull-right { float: none !important; }

/* бутон „нагоре“ */
#agama-back-to-top, .agama-scroll-top {
    background: var(--gb-amber) !important;
    color: #17222E !important;
    border-radius: 8px !important;
}

/* =========================================================================
   14. АДАПТИВНОСТ
   ========================================================================= */
@media (max-width: 1024px) {
    .gb-cards, .gb-feats { grid-template-columns: repeat(2, 1fr); }
    .gb-grid { grid-template-columns: repeat(3, 1fr); }
    .gb-split { grid-template-columns: 1fr; gap: 34px; }
    .gb-split--flip .gb-split__media { order: 0; }
    .gb-contacts { grid-template-columns: 1fr; }
    .gb-gallery { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 782px) {
    .gb-section { padding: 52px 0; }
    .gb-section--tight { padding: 38px 0; }
    .gb-hero { min-height: 400px; }
    .gb-hero .gb-wrap { padding-top: 38px; padding-bottom: 38px; }
    .gb-hero--sub { min-height: 215px; }
    .gb-stats .gb-wrap { grid-template-columns: repeat(2, 1fr); }
    .gb-stat { padding: 22px 12px; }
    .gb-stat__num { font-size: 1.75rem; }
    .gb-cards, .gb-feats { grid-template-columns: 1fr; }
    .gb-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .gb-gallery { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .gb-cta .gb-wrap { flex-direction: column; align-items: flex-start; }
    .gb-btns .gb-btn { flex: 1 1 auto; justify-content: center; }
    .gb-form-wrap { padding: 22px 18px; }
    #agama-logo img.logo, #agama-logo img.logo-desktop { max-height: 52px !important; }
    .gb-map iframe { height: 300px; }
    article.page > .entry-header > .entry-title { font-size: 1.6rem !important; margin-top: 32px !important; }
}

@media (max-width: 420px) {
    .gb-grid { grid-template-columns: repeat(2, 1fr); gap: 11px; }
    .gb-item__title { font-size: 13.4px; }
    .gb-item__eur { font-size: 14.5px; }
}

/* =========================================================================
   15. ДРЕБНИ ПОПРАВКИ ПО ТЕМАТА
   ========================================================================= */
/* хедър-изображението на Agama се маха — hero-то е в съдържанието */
#agama-header-image, .agama-header-image { display: none !important; }

/* достъпност: видим фокус */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 3px solid var(--gb-amber) !important;
    outline-offset: 2px;
}

/* печат */
@media print {
    .agama-header-overlay, .footer-widgets, #agama-footer, .gb-cta { display: none !important; }
}

/* =========================================================================
   16. КОНТАКТНА СЕКЦИЯ — формата иска повече място от картата
   ========================================================================= */
.gb-split--form { grid-template-columns: 1.25fr .75fr; align-items: start; }
.gb-map-note { margin: 14px 0 0; text-align: center; }
.gb-map-note .gb-btn { padding: 10px 20px; font-size: 14px; }

/* WPForms: полетата на пълна ширина, независимо от класовете за размер */
.gb-form-wrap .wpforms-container,
.gb-form-wrap .wpforms-container .wpforms-form { max-width: 100% !important; }
.gb-form-wrap .wpforms-form .wpforms-field { padding: 10px 0 !important; }
.gb-form-wrap .wpforms-form input[type=text],
.gb-form-wrap .wpforms-form input[type=email],
.gb-form-wrap .wpforms-form input[type=tel],
.gb-form-wrap .wpforms-form input[type=url],
.gb-form-wrap .wpforms-form select,
.gb-form-wrap .wpforms-form textarea,
.gb-form-wrap .wpforms-form .wpforms-field-medium,
.gb-form-wrap .wpforms-form .wpforms-field-small,
.gb-form-wrap .wpforms-form .wpforms-field-large {
    width: 100% !important;
    max-width: 100% !important;
}
.gb-form-wrap .wpforms-form textarea { min-height: 130px !important; }
.gb-form-wrap .wpforms-form .wpforms-submit-container { padding-top: 6px !important; }

@media (max-width: 1024px) {
    .gb-split--form { grid-template-columns: 1fr; }
}

/* =========================================================================
   17. ПОПРАВКИ ПО ОБВИВКАТА И ФУТЪРА
   ========================================================================= */

/* ⚠️ Agama ограничава `.vision-row` до max-width:1100px + margin:0 auto.
   Понеже нашите секции носят собствен `.gb-wrap`, обвивката трябва да е
   пълна ширина — иначе цветните ленти свършват преди ръба на екрана. */
#main.wrapper > .vision-row.tv-row {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ⚠️ `.footer-widgets .widget li` идва с padding:10px 10px 10px 0 и
   пунктирана черта — с нашия margin даваше ~48px на ред. */
.footer-widgets .widget li,
.footer-widgets ul li {
    padding: 0 !important;
    margin: 0 0 7px !important;
    border-bottom: 0 !important;
    line-height: 1.5 !important;
}
.footer-widgets .widget li:last-child { margin-bottom: 0 !important; }
.footer-widgets .widget { margin-bottom: 0 !important; }
.footer-widgets p {
    margin: 0 0 10px !important;
    line-height: 1.6 !important;
}
.footer-widgets p:last-child { margin-bottom: 0 !important; }

/* заглавията на колоните — по-стегнати */
.footer-widgets h3,
.footer-widgets .widget-title {
    padding: 0 0 9px !important;
    margin: 0 0 16px !important;
    line-height: 1.3 !important;
}
.footer-widgets .widget-title:after { display: none !important; }

/* адресът и телефоните са двуредови — да не се слепват */
.footer-widgets ul li br { line-height: 1.9; }

/* =========================================================================
   18. ЛОГОТО — по-голямо, побрано в хедъра
   ========================================================================= */
/* ⚠️ Agama слага `margin: 24px 0` на логото (`#masthead.header_v3 #agama-logo img`),
   а височината на `#masthead` идва от JS-а на sticky хедъра. При 84px лого
   48-те пиксела margin го изкарваха извън хедъра и то се режеше. */
#masthead.header_v1 #agama-logo img,
#masthead.header_v3 #agama-logo img,
#agama-logo img.logo,
#agama-logo img.logo-desktop {
    margin: 0 !important;
}
#agama-logo {
    display: flex !important;
    align-items: center !important;
}

/* =========================================================================
   19. ГОРНА ЛЕНТА — дискретни контакти вляво
   ========================================================================= */
/* Иконите на социалните мрежи отпаднаха; лентата носи меню на позиция `top`
   с телефона и пощата. Без `#agama-top-social` flex-ът я оставя вляво сам. */
.agama-top-nav-wrapper .tv-container {
    justify-content: flex-start !important;
}
#agama-top-nav { display: block !important; }
#agama-top-nav .agama-navigation {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 22px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#agama-top-nav .agama-navigation > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    border: 0 !important;
}
#agama-top-nav .agama-navigation > li > a {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.66) !important;
    font-size: 13.2px !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    padding: 6px 0 !important;
    background: none !important;
    border: 0 !important;
    line-height: 1.4 !important;
}
#agama-top-nav .agama-navigation > li > a:hover {
    color: var(--gb-amber) !important;
    background: none !important;
}
/* дискретни иконки пред текста */
#agama-top-nav .gb-top-tel > a::before  { content: "\260E"; font-size: 13px; opacity: .8; }
#agama-top-nav .gb-top-mail > a::before { content: "\2709"; font-size: 13px; opacity: .8; }

@media (max-width: 782px) {
    #agama-top-nav .agama-navigation { gap: 2px 16px; }
    #agama-top-nav .agama-navigation > li > a { font-size: 12.4px !important; padding: 5px 0 !important; }
}

/* =========================================================================
   20. ФУТЪР — само кредитът
   ========================================================================= */
/* Джаджите отпаднаха, значи `.footer-widgets` изобщо не се рендира и
   оранжевият кант трябва да мине върху самия футър. */
#agama-footer {
    padding: 20px 0 !important;
    border-top: 3px solid var(--gb-amber) !important;
}
#agama-footer .tv-container {
    justify-content: center !important;
    text-align: center;
}
#agama-footer .site-info { width: 100%; }
#agama-footer .gb-sep {
    display: inline-block;
    margin: 0 8px;
    color: var(--gb-amber);
    opacity: .85;
    font-weight: 700;
}