/*
Theme Name:   Flatsome Child
Theme URI:    http://www.flatsome.net
Description:  HTAI Shop Child Theme
Author:       A-M-Service
Template:     flatsome
Version:      1.0.3
*/

/* ── HTAI Brand Variables ── */
:root {
    --htai-primary:    #003879;
    --htai-secondary:  #146EB6;
    --htai-footer-bg:  #091E4D;
    --htai-dark:       #000821;
    --htai-white:      #ffffff;
    --htai-font:       'Avenir Next', Arial, sans-serif;
}

body { font-family: var(--htai-font); }

/* ============================================================
   HTAI Header
   ============================================================ */

/* Flatsome-Primary auf HTAI-Blau setzen */
:root { --fs-color-primary: #003879; }

/* .header-bg-color ist das tatsächliche Hintergrund-Element in Flatsome
   (Default wäre hsla(0,0%,100%,.9) = weißhalbtransparent).
   Hier setzen wir den Gradient — gilt auch für .stuck (sticky) */
.header-bg-color,
.stuck .header-bg-color,
.header-wrapper .header-bg-color {
    background: linear-gradient(135deg, #000821 0%, #002a5e 50%, #003879 100%) !important;
    transition: none !important;
}

/* header#header selbst: transparent — .header-bg-color übernimmt */
header#header {
    background: transparent !important;
    border-bottom: 1px solid #ffffff !important;
}


/* Navigations-Links weiß */
header#header a,
header#header .header-nav a,
header#header .nav > li > a,
.header-nav-main a {
    color: #ffffff !important;
}
header#header a:hover,
header#header .nav > li > a:hover { color: #98A0C6 !important; }

/* Warenkorb-Badge */
.cart-icon strong { background: #146EB6 !important; color: #fff !important; }
header#header .cart-icon.image-icon,
header#header .image-icon.header-cart-icon {
    --primary-color: #ffffff;
    --fs-color-primary: #ffffff;
}

/* Logo-Höhe */
.header_logo, .header-logo { max-height: 60px !important; width: auto !important; }

/* Warenkorb-Dropdown: Inhalt (Tabelle/Produktliste) weiß */
.cart-dropdown .cart-dropdown-inner,
.cart-dropdown .widget_shopping_cart_content,
.nav-dropdown .cart-dropdown-inner,
.cart-dropdown ul.cart_list,
.cart-dropdown .woocommerce-mini-cart,
.cart-dropdown .mini-cart-item,
.cart-dropdown .total,
.cart-dropdown .buttons {
    background: #ffffff !important;
    color: #222222 !important;
}
.cart-dropdown .cart-dropdown-inner a,
.cart-dropdown .widget_shopping_cart_content a:not(.button) {
    color: #003879 !important;
}

/* Dropdown-Submenüs: dunkelblau — sub-menu UND nav-dropdown, Cart ausgenommen */
ul.sub-menu,
ul.nav-dropdown:not(:has(li.widget_shopping_cart)) {
    background: linear-gradient(160deg, #000821 0%, #002a5e 60%, #003879 100%) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}
ul.sub-menu li a,
ul.nav-dropdown:not(:has(li.widget_shopping_cart)) li a {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
ul.sub-menu li a:hover,
ul.nav-dropdown:not(:has(li.widget_shopping_cart)) li a:hover {
    background: rgba(255,255,255,0.1) !important;
    color: #98A0C6 !important;
}

/* Warenkorb-Dropdown: Flatsome nutzt ul.nav-dropdown > li.widget_shopping_cart */
ul.nav-dropdown:has(li.widget_shopping_cart),
li.widget_shopping_cart > ul.nav-dropdown {
    background: #ffffff !important;
}
/* Alle Inhalte im Cart-Widget dunkel — überschreibt header#header a { white } */
header#header .widget_shopping_cart_content,
header#header li.widget_shopping_cart,
header#header .widget_shopping_cart_content *,
header#header li.widget_shopping_cart * {
    color: #222222 !important;
    background-color: transparent;
    border-color: #eeeeee !important;
}
header#header .widget_shopping_cart_content a:not(.button) { color: #003879 !important; }
header#header .widget_shopping_cart_content a:not(.button):hover { color: #146EB6 !important; }
header#header .widget_shopping_cart_content .button,
header#header .widget_shopping_cart_content a.button { color: #ffffff !important; background-color: #003879 !important; }

/* WooCommerce Store Notice — nach Header positioniert (JS verschiebt DOM-Element) */
p.demo_store,
.woocommerce-store-notice {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    background: linear-gradient(135deg, #000821 0%, #002a5e 50%, #003879 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    text-align: center !important;
}
p.demo_store a,
.woocommerce-store-notice a {
    color: #98A0C6 !important;
    text-decoration: underline !important;
}
p.demo_store a:hover,
.woocommerce-store-notice a:hover { color: #ffffff !important; }
.woocommerce-store-notice__dismiss-link { display: none !important; }
p.demo_store,
.woocommerce-store-notice { border-bottom: 1px solid #ffffff !important; }

/* Staatskanzlei-Logo im Header */
.htai-sk-logo-header {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.9;
    transition: opacity 0.2s;
}
.htai-sk-logo-header:hover { opacity: 1; }
.htai-sk-logo-header img { height: 40px; width: auto; display: block; }

/* Partner-Logos im Footer: einheitliche Höhe */
.htai-logo-partner { display: block; margin-top: 16px; height: 70px !important; width: auto; max-width: none !important; }

/* Top-Bar Icon-Navigation (Barrierefreiheit/Service) */
.htai-meta-icons { display: flex; align-items: center; }
.htai-meta-icons ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.htai-meta-icons li { margin: 0; }
.htai-meta-icons a {
    display: flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; color: #ffffff !important;
    opacity: 0.85; transition: opacity 0.2s;
}
.htai-meta-icons a:hover { opacity: 1; color: #98A0C6 !important; }
.htai-meta-icons svg { display: block; }

/* Top-Bar: eigenen BG entfernen damit Gradient durchscheint */
#top-bar, #top-bar.header-top {
    background: transparent !important;
    border-bottom: 1px solid #ffffff !important;
}
#top-bar a, #top-bar .nav > li > a,
#top-bar .social-icons a, #top-bar i { color: #ffffff !important; opacity: 0.9; }
#top-bar a:hover, #top-bar .social-icons a:hover { opacity: 1; color: #98A0C6 !important; }

/* ── WooCommerce Buttons ── */
.button, .btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--htai-primary) !important;
    color: var(--htai-white) !important;
    border-color: var(--htai-primary) !important;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: var(--htai-secondary) !important;
    border-color: var(--htai-secondary) !important;
}

/* ============================================================
   HTAI Footer
   ============================================================ */

.htai-footer { background: transparent; margin: 0; padding: 0; }

/* Hauptbereich mit Farbverlauf */
.htai-footer-main {
    background: linear-gradient(135deg, #000821 0%, #003879 45%, #091E4D 75%, #0a2a5e 100%);
    padding: 48px 0 40px;
}

.htai-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 1fr 0.7fr;
    gap: 40px;
    align-items: start;
}

/* Spalten: alles weiß */
.htai-footer-col { color: #ffffff; }
.htai-footer-col p { color: #ffffff; }
.htai-footer-col a { color: #ffffff !important; text-decoration: none !important; }
.htai-footer-col a:hover { color: #98A0C6 !important; }

.htai-footer-heading {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 0;
}

/* Logos */
.htai-footer-logo-link { display: block; margin-bottom: 16px; }
.htai-logo-main { max-width: 220px; height: auto; display: block; }
.htai-logo-een  { max-width: 160px; height: auto; display: block; }

/* Ansprechpartner Button */
.htai-btn-outline {
    display: inline-block;
    padding: 9px 22px;
    border: 2px solid #ffffff;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    margin-top: 10px;
    transition: background 0.2s, color 0.2s;
}
.htai-btn-outline:hover {
    background: #ffffff;
    color: var(--htai-primary) !important;
}

/* Social Icons — horizontal, nur Icons */
.htai-social-row {
    display: flex;
    flex-direction: row;
    gap: 14px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.htai-social-row a {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    transition: color 0.2s, transform 0.2s;
}
.htai-social-row a:hover { color: #98A0C6 !important; transform: scale(1.15); }
.htai-social-row svg { width: 26px; height: 26px; }

/* Claim */
.htai-claim { margin-top: 4px; }
.htai-claim img { max-width: 220px; height: auto; }

/* Podcast Spalte */
.htai-footer-col--podcast {
    display: flex;
    align-items: flex-start;
}
.htai-podcast-logo { max-width: 150px; border-radius: 50%; }

/* Meta-Leiste */
.htai-footer-meta {
    border-top: 1px solid #ffffff !important;
    background: linear-gradient(to bottom, #091E4D 0%, #000821 100%);
    padding: 14px 0;
}
.htai-footer-meta-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}
.htai-footer-meta a {
    color: #ffffff !important;
    font-size: 13px;
    text-decoration: none;
    opacity: 0.85;
    transition: opacity 0.2s;
}
.htai-footer-meta a:hover { opacity: 1 !important; color: #98A0C6 !important; }

.htai-back-to-top {
    margin-left: auto;
    background: var(--htai-primary);
    color: #ffffff;
    border: none;
    border-radius: 4px;
    width: 38px;
    height: 38px;
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.htai-back-to-top:hover { background: var(--htai-secondary); }

/* ── Ansprechpartner Kontaktkarte ── */
.htai-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 32px;
    padding: 32px 0;
}
.htai-contact-card {
    display: flex;
    gap: 24px;
    background: #f7f9fc;
    border: 1px solid #e0e8f0;
    border-radius: 4px;
    padding: 24px;
    align-items: flex-start;
}
.htai-contact-card img {
    width: 130px;
    height: 160px;
    object-fit: cover;
    object-position: top;
    flex-shrink: 0;
    border-radius: 2px;
}
.htai-contact-info h3 {
    margin: 0 0 8px;
    font-size: 18px;
    color: #003879;
}
.htai-contact-role {
    font-weight: 700;
    font-size: 14px;
    color: #222;
    margin: 0 0 12px;
    line-height: 1.4;
}
.htai-contact-dept-label {
    font-weight: 700;
    font-size: 13px;
    color: #222;
    margin: 0 0 2px;
}
.htai-contact-dept {
    font-size: 13px;
    color: #444;
    margin: 0 0 14px;
}
.htai-contact-links { list-style: none; margin: 0; padding: 0; }
.htai-contact-links li { font-size: 14px; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
.htai-contact-links a { color: #003879; text-decoration: none; }
.htai-contact-links a:hover { color: #146EB6; text-decoration: underline; }

/* ── Ansprechpartner Kontaktformular ── */
.htai-contact-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 32px 0;
    align-items: start;
}
@media (max-width: 760px) {
    .htai-contact-layout { grid-template-columns: 1fr; }
}
.htai-contact-form-wrap h3 {
    font-size: 18px;
    color: #003879;
    margin: 0 0 20px;
}
.htai-contact-form .form-row {
    margin-bottom: 14px;
}
.htai-contact-form label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}
.htai-contact-form input[type="text"],
.htai-contact-form input[type="email"],
.htai-contact-form textarea {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #ccd6e0;
    border-radius: 3px;
    font-size: 14px;
    font-family: inherit;
    box-sizing: border-box;
    background: #fff;
    transition: border-color 0.2s;
}
.htai-contact-form input:focus,
.htai-contact-form textarea:focus {
    outline: none;
    border-color: #003879;
}
.htai-contact-form textarea { height: 120px; resize: vertical; }
.htai-contact-form .htai-hp { display: none !important; }
.htai-contact-notice {
    padding: 12px 16px;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 20px;
}
.htai-contact-notice.success { background: #eaf7ee; border: 1px solid #4caf50; color: #2e7d32; }
.htai-contact-notice.error   { background: #fdecea; border: 1px solid #e53935; color: #b71c1c; }

/* ═══════════════════════════════════════════════════════════════
   HTAI Shop — Schrift, Farben, Größen
   Regel: weißer BG → Hessenblau Text | blauer BG → weißer Text
   Schriftgröße +2pt (Avenir Next braucht mehr Raum als Lato)
   ═══════════════════════════════════════════════════════════════ */

/* Basis-Schriftgröße shopweit — nur im main-Bereich, nie im Footer */
main#main { font-size: 18px; color: #003879; max-width: 100% !important; }

/* Boxed-Layout aufheben: Shop-Hauptseite */
body.woocommerce-shop main#main .container,
body.woocommerce-shop main#main .shop-container,
body.woocommerce-shop main#main .page-wrapper,
body.woocommerce-shop main#main > .row { max-width: 100% !important; width: 100% !important; }

/* Boxed-Layout aufheben: Produktseiten (direkt über Produktklassen, kein body.single-product nötig) */
main#main .product-container,
main#main .product-main,
main#main .product-main > .row,
main#main .product-main .content-row,
main#main .product-footer,
main#main .product-footer .container,
main#main .product-footer .woocommerce-tabs,
main#main .product-footer .related { max-width: 100% !important; width: 100% !important; }

/* Alle Texte im Shop-Hauptbereich auf #003879 — explizit Footer ausgeschlossen */
main#main p,
main#main span,
main#main div,
main#main li,
main#main a,
main#main label,
main#main legend,
main#main textarea,
main#main h1,
main#main h2,
main#main h3,
main#main h4 {
    color: #003879;
}

/* Produkttitel */
main#main .woocommerce ul.products li.product .woocommerce-loop-product__title,
main#main .woocommerce ul.products li.product h2 {
    color: #003879 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Kategorie-Label auf Produktkachel (z.B. GIVE-AWAYS) */
main#main .woocommerce ul.products li.product .product-category-name,
main#main .woocommerce ul.products li.product .loop-product-categories,
main#main .woocommerce ul.products li.product .product-categories,
main#main .woocommerce ul.products li.product .posted_in {
    color: #003879 !important;
    font-size: 13px !important;
}

/* Preise */
main#main .woocommerce ul.products li.product .price,
main#main .woocommerce ul.products li.product .price .amount {
    color: #003879 !important;
    font-size: 17px !important;
}

/* Meta-Infos: MwSt., Versand, Lieferzeit */
main#main .woocommerce ul.products li.product .product-meta,
main#main .woocommerce ul.products li.product .product-delivery-time,
main#main .woocommerce .woocommerce-loop-product__meta p,
main#main .woocommerce p.tax_label {
    color: #003879 !important;
    font-size: 14px !important;
}

/* Shop-Willkommenstext */
main#main .shop-page-content,
main#main .woocommerce-products-header__description,
main#main .woocommerce-products-header p {
    color: #003879 !important;
    font-size: 18px !important;
}

/* ── Produkt Schnellansicht (Lightbox, außerhalb main#main) ── */
.product-lightbox-inner,
.product-lightbox-inner h1,
.product-lightbox-inner h2,
.product-lightbox-inner p,
.product-lightbox-inner span,
.product-lightbox-inner div,
.product-lightbox-inner small,
.product-lightbox-inner .wgm-info,
.product-lightbox-inner .product_meta,
.product-lightbox-inner .price,
.product-lightbox-inner .price .amount,
.product-lightbox-inner .sku_wrapper,
.product-lightbox-inner .sku,
.product-lightbox-inner .posted_in {
    color: #003879 !important;
}
.product-lightbox-inner a {
    color: #003879 !important;
    text-decoration: underline !important;
}
.product-lightbox-inner a:hover { color: #146EB6 !important; }

/* ── Login / Registrierung Modal (Lightbox, außerhalb main#main) ── */
.account-container,
.account-container h2,
.account-container h3,
.account-container p,
.account-container label,
.account-container span:not(.required),
.account-container div {
    color: #003879 !important;
    font-size: 18px;
}
/* Links im Modal */
.account-container a {
    color: #003879 !important;
    text-decoration: underline !important;
}
.account-container a:hover { color: #146EB6 !important; }

/* Datenschutz-Checkbox im Registrierungsformular: #446084 */
#german_market_privacy_declaration_field span,
#german_market_privacy_declaration_field label span,
#german_market_privacy_declaration_field a.wgm-privacy {
    color: #446084 !important;
}
#german_market_privacy_declaration_field a.wgm-privacy {
    text-decoration: underline !important;
}
#german_market_privacy_declaration_field a.wgm-privacy:hover {
    color: #003879 !important;
}

/* Flatsome Category Page Title: kein blauer Hintergrund */
.shop-page-title,
.category-page-title {
    background: transparent !important;
    color: #003879 !important;
}
.shop-page-title *,
.category-page-title * {
    color: #003879 !important;
}

/* Ergebnis-Zähler + Sortierung */
.woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    color: #003879 !important;
    font-size: 16px !important;
}
.woocommerce .woocommerce-ordering select {
    color: #003879 !important;
    font-size: 15px !important;
}

/* Shop-Sidebar: Schriften in Hessenblau */
#shop-sidebar .widget-title,
#shop-sidebar h3 {
    color: #003879 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
#shop-sidebar a { color: #003879 !important; font-size: 16px !important; }
#shop-sidebar a:hover { color: #146EB6 !important; }

/* Pagination: aktive Seite weiße Schrift */
.woocommerce-pagination .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #ffffff !important;
}

/* WooCommerce Fehler-/Warnmeldungen: Bordeaux (Warenkorb, Kasse) */
ul.woocommerce-error,
.woocommerce-notices-wrapper ul.woocommerce-error {
    background: #ffffff !important;
    border-left: 4px solid #8B1A2B !important;
    border-radius: 0 3px 3px 0 !important;
    color: #8B1A2B !important;
}
ul.woocommerce-error li,
ul.woocommerce-error .message-container,
ul.woocommerce-error .message-container.alert-color,
.woocommerce-notices-wrapper ul.woocommerce-error li {
    color: #8B1A2B !important;
    background: transparent !important;
    padding-left: 14px !important;
}
ul.woocommerce-error .message-container strong,
ul.woocommerce-error .message-container .woocommerce-Price-amount {
    color: #8B1A2B !important;
}
ul.woocommerce-error .message-icon { color: #8B1A2B !important; }

/* Checkout Zustimmungstexte: #446084 */
.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-terms-and-conditions-checkbox-text a,
.shipping-service-provider-checkbox-text,
.shipping-service-provider-checkbox-text a,
.german-market-checkbox-p label span,
.german-market-checkbox-p label a {
    color: #446084 !important;
}
/* Links unterstreichen damit sie vom Text unterscheidbar sind */
.woocommerce-terms-and-conditions-checkbox-text a,
.shipping-service-provider-checkbox-text a,
.german-market-checkbox-p label a {
    text-decoration: underline !important;
}
.woocommerce-terms-and-conditions-checkbox-text a:hover,
.shipping-service-provider-checkbox-text a:hover,
.german-market-checkbox-p label a:hover {
    color: #003879 !important;
}
ul.woocommerce-error .woocommerce-Price-currencySymbol,
ul.woocommerce-error .woocommerce-Price-amount,
ul.woocommerce-error .woocommerce-Price-amount * { color: #8B1A2B !important; }

/* Mindestbestellwert-Warnung: Bordeaux */
p.htai-min-order-hint,
.htai-min-order-hint {
    color: #8B1A2B !important;
    background: #fdf0f2 !important;
    border-left: 4px solid #8B1A2B !important;
    padding: 10px 14px !important;
    margin: 12px 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 0 3px 3px 0 !important;
}

/* ── Warenkorb-Widget ── */
/* Nicht eingeloggte Benutzer: Widget ausblenden */
body:not(.logged-in) aside.widget_shopping_cart { display: none !important; }

/* Widget-Buttons: weiße Schrift (alle Widget-Cart-Instanzen) */
main#main aside.widget_shopping_cart .woocommerce-mini-cart__buttons a,
main#main aside.widget_shopping_cart .woocommerce-mini-cart__buttons a.button,
main#main aside.widget_shopping_cart .buttons a,
main#main aside.widget_shopping_cart .buttons .button { color: #ffffff !important; }

/* Kasse-Button im Widget ausblenden (Mindestbestellwert-Schutz) */
main#main aside.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout,
main#main aside.widget_shopping_cart .buttons a.checkout { display: none !important; }

/* "Zurück zum Shop"-Button: weiße Schrift */
main#main .return-to-shop a.button,
main#main a.button.wc-backward { color: #ffffff !important; }

/* Schnellansicht-Button auf Produktkachel */
a.quick-view,
a.quick-view-added {
    color: #ffffff !important;
}

/* Produkt-Kachel Hover */
.woocommerce ul.products li.product { transition: box-shadow 0.2s, transform 0.15s !important; }
.woocommerce ul.products li.product:hover {
    box-shadow: 0 6px 20px rgba(0,56,121,0.18) !important;
    transform: translateY(-3px) !important;
}

/* ── Breadcrumbs ── */
.woocommerce-breadcrumb {
    padding: 10px 0 10px !important;
    margin: 0 0 12px !important;
    font-size: 15px !important;
    color: #003879 !important;
    background: transparent !important;
}
.woocommerce-breadcrumb a {
    color: #003879 !important;
    text-decoration: none !important;
}
.woocommerce-breadcrumb a:hover {
    color: #146EB6 !important;
    text-decoration: underline !important;
}

/* ── Produkt-Untertitel ── */
.htai-subtitle {
    font-size: 16px;
    color: #555;
    margin: -8px 0 12px;
    font-style: italic;
}
.htai-subtitle-loop {
    font-size: 13px;
    color: #666;
    margin: 2px 0 0;
    font-style: italic;
}

/* ── Banner Slider ── */
.htai-banner-scroll {
    width: 100%;
    overflow: hidden;
    background: #000821;
    line-height: 0;
    position: relative;
    height: 220px;
}
.htai-banner-track {
    display: flex;
    height: 100%;
    transition: transform 0.8s ease-in-out;
}
.htai-banner-track img {
    height: 220px;
    width: 100vw;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
}
.htai-banner-logo-slide {
    height: 220px;
    width: 100vw;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background: #14006E;
    padding: 0 40px;
    box-sizing: border-box;
}
.htai-banner-logo-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    box-sizing: border-box;
}
.htai-banner-logo-slide img {
    height: 80%;
    width: auto;
    display: block;
    opacity: 1;
}

/* Responsive */
@media (max-width: 960px) {
    .htai-footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .htai-footer-inner { grid-template-columns: 1fr; gap: 28px; }
    .htai-footer-meta-inner { gap: 12px; }
}

/* Footer-Meta-Menü (wp_nav_menu) */
.htai-footer-meta ul,
.htai-footer-meta-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0 1.5rem !important;
    align-items: center !important;
}
.htai-footer-meta li,
.htai-footer-meta-list li {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.htai-footer-meta li::before,
.htai-footer-meta li::marker { display: none !important; content: none !important; }
.htai-footer-meta a,
.htai-footer-meta-list a { color: inherit; text-decoration: none; }
.htai-footer-meta a:hover,
.htai-footer-meta-list a:hover { text-decoration: underline; }