/*
 * firmensite.de – Markenauftritt fuer Header, Menue und Fusszeile.
 * Palette wie auf der Verkaufsseite (page-155.php):
 *   Marineblau #1a3a5c -> #0d2035, Orange #e87b00, Gold #f0b429
 */

/* ── Header ─────────────────────────────────────────────────────────── */
#masthead.site-header {
    background: linear-gradient(135deg, #1a3a5c 0%, #0d2035 100%) !important;
    border-bottom: 3px solid #e87b00;
    padding-bottom: 12px;
    margin-bottom: 0;
}

/* ── Logo ───────────────────────────────────────────────────────────── */
/* Bild ist 823x160 (2x), angezeigt mit 80px Hoehe */
.site-branding .wss-logo {
    display: inline-block;
    max-width: 100%;
}
.site-branding .wss-logo img {
    display: block;
    width: auto;
    height: 80px;
    max-width: 100%;
}

@media (max-width: 600px) {
    .site-branding .wss-logo img {
        width: 190px;
        height: auto;
    }
}

/* ── Hauptmenue ─────────────────────────────────────────────────────── */
#masthead .main-navigation ul.menu > li > a,
#masthead .site-header-cart a {
    color: #fff !important;
}
@media (min-width: 768px) {
    /* Abstand Menuetext -> Unterstreichung */
    #masthead .main-navigation ul.menu > li > a {
        padding-bottom: 12px;
    }
}
#masthead .main-navigation a:hover,
#masthead .main-navigation a:focus {
    color: #f0b429 !important;
}
#masthead .main-navigation ul li.current-menu-item > a,
#masthead .main-navigation ul li.current_page_item > a {
    color: #f0b429 !important;
    border-bottom: 5px solid #f0b429 !important;
}
#masthead .site-header-cart .count {
    color: #c9d6e3 !important;
}

/* ── Fusszeile ──────────────────────────────────────────────────────── */
.site-footer {
    background: #0d2035 !important;
    color: #c9d6e3 !important;
}
.site-footer a {
    color: #fff !important;
}
.site-footer a:hover,
.site-footer a:focus {
    color: #f0b429 !important;
}
.site-footer .wss-owner strong {
    color: #f0b429;
}

/* ── Warenkorb/Kasse: Paketmerkmale nur einmal zeigen ──────────────────
 * Die wesentlichen Merkmale stehen vollstaendig in der Germanized-Kurzbeschreibung
 * (_mini_desc). Die zusaetzlich gekuerzte Produkt-Kurzbeschreibung ausblenden. */
.wc-block-components-order-summary-item .wc-block-components-product-metadata__description,
.wc-block-cart-items .wc-block-components-product-metadata__description {
    display: none;
}

/* ── Widerrufsformular (Seite 284) wie das Kündigungsformular (page-300.php) ── */
.page-id-284 .entry-content { max-width: 680px; margin: 0 auto; padding: 24px 0 56px; }
.page-id-284 .wss-intro { color: #5a677a; font-size: .95rem; line-height: 1.6; margin: 0 0 28px; }
.page-id-284 form.order-withdrawal-request { background: #fff; border: 2px solid #dde3ec; border-radius: 14px; padding: 32px; }
.page-id-284 .order-withdrawal-request .form-row { float: none; width: 100%; margin: 0 0 18px; padding: 0; }
.page-id-284 .order-withdrawal-request label { display: block; font-size: .78rem; font-weight: 700; color: #5a677a; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 6px; }
.page-id-284 .order-withdrawal-request label .required { color: #5a677a; text-decoration: none; border: 0; }
.page-id-284 .order-withdrawal-request input.input-text { background: #f4f7fa; border: 1.5px solid #dde3ec; border-radius: 7px; color: #1a202c; padding: 10px 13px; font-size: 1rem; width: 100%; box-shadow: none; }
.page-id-284 .order-withdrawal-request input.input-text:focus { border-color: #1a3a5c; outline: none; }
.page-id-284 .order-withdrawal-request .woocommerce-form-return_request__submit { display: block; width: 100%; padding: 13px 24px; border-radius: 7px; border: none; font-size: 1rem; font-weight: 700; background: #9a2020; color: #fff; }
.page-id-284 .order-withdrawal-request .woocommerce-form-return_request__submit:hover { background: #7a1c1c; }