/* AHK-Preisbrecher: Zusatzregeln, frueher am Ende von stylesheet.css (Cookie-Banner, Footer-Kontakt, Gewaehrleistungs-Modal, Skip-Link) */
/* Eigene Cookie-Consent-Loesung (ersetzt Cookiebot, 2026-09)
   Farben gemaess AHK-Preisbrecher-Branding (siehe .footer-link-widerruf oben): Magenta #7c2759, Pink #b0377e */
.ahk-cookie-banner {position: fixed; left: 0; right: 0; bottom: 0; z-index: 3000;background: #fff; border-top: 1px solid #ddd;box-shadow: 0 -4px 20px rgba(0,0,0,.15);padding: 18px 20px;}
.ahk-cookie-inner { max-width: 980px; margin: 0 auto; }
.ahk-cookie-banner h2 { font-size: 16px; margin: 0 0 8px; color: #7c2759; }
.ahk-cookie-banner p { font-size: 13px; color: #444; margin: 0 0 12px; line-height: 1.5; }
.ahk-cookie-banner a { color: #7c2759; text-decoration: underline; }
.ahk-cookie-categories { display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 14px; }
.ahk-cookie-cat {flex: 1 1 220px; background: #f5f6fa; border: 1px solid #ddd;border-radius: 4px; padding: 10px 14px;}
.ahk-cookie-cat label { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: #7c2759; cursor: pointer; }
.ahk-cookie-cat input[type="checkbox"] { width: 17px; height: 17px; }
.ahk-cookie-cat p { margin: 4px 0 0 25px; font-size: 12px; color: #777; }
.ahk-cookie-actions, .ahk-cookie-save { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.ahk-cookie-categories[hidden], .ahk-cookie-actions[hidden], .ahk-cookie-save[hidden] { display: none; }
.ahk-cookie-banner .ahk-cookie-btn {border-radius: 4px; font-weight: 600; font-size: 13.5px; padding: 10px 18px;border: 2px solid transparent; cursor: pointer; line-height: 1.2;}
.ahk-cookie-banner .ahk-cookie-btn-primary { background: #7c2759; color: #fff; }
.ahk-cookie-banner .ahk-cookie-btn-primary:hover, .ahk-cookie-banner .ahk-cookie-btn-primary:focus { background: #b0377e; border-color: #b0377e; }
.ahk-cookie-banner .ahk-cookie-btn-outline { background: #fff; color: #7c2759; border-color: #ccc; }
.ahk-cookie-banner .ahk-cookie-btn-outline:hover, .ahk-cookie-banner .ahk-cookie-btn-outline:focus { background: #f5f6fa; border-color: #7c2759; }
@media (max-width: 640px) {
  .ahk-cookie-actions, .ahk-cookie-save { flex-direction: column; }
  .ahk-cookie-banner .ahk-cookie-btn { width: 100%; text-align: center; }
}

.footer-link-cookies {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #7c2759;
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none !important;
    border: 1px solid #7c2759;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.footer-link-cookies:hover {
    background-color: #b0377e;
    border-color: #b0377e;
    color: #FFFFFF !important;
}

.footer-link-cookies i {
    font-size: 14px;
}

/* Kontakt-Spalte im Footer (Telefonzeile), analog zu den Schwestershops */
.footer-kontakt-phone { font-size: 14px; margin: 0 0 14px; }
.footer-kontakt-phone a { color: #000; text-decoration: none; }
.footer-kontakt-phone a:hover { color: #7c2759; }
.footer-kontakt-phone i { color: #7c2759; margin-right: 6px; }

/* Footer-Link + Modal: EU-Gewaehrleistungshinweis (Art. 246a §1 Abs.1 EGBGB) */
.footer-link-warranty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #fff;
    color: #7c2759 !important;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none !important;
    border: 1px solid #7c2759;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.footer-link-warranty:hover {
    background-color: #7c2759;
    color: #fff !important;
}
.footer-link-warranty i { font-size: 14px; }

.ahk-modal-overlay {
    position: fixed; inset: 0; z-index: 4000;
    background: rgba(36,24,32,.55);
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
}
.ahk-modal-overlay[hidden] { display: none; }
.ahk-modal {
    position: relative; background: #fff; border-radius: 6px;
    max-width: 640px; width: 100%; max-height: 85vh; overflow-y: auto;
    padding: 28px 24px 20px; box-shadow: 0 10px 40px rgba(0,0,0,.25);
}
.ahk-modal h2 { font-size: 17px; color: #7c2759; margin: 0 0 14px; padding-right: 24px; }
.ahk-modal-close {
    position: absolute; top: 10px; right: 12px;
    background: none; border: none; font-size: 22px; line-height: 1;
    color: #777; cursor: pointer; padding: 4px;
}
.ahk-modal-close:hover, .ahk-modal-close:focus { color: #7c2759; }
.ahk-modal-body { text-align: center; padding: 6px 0 16px; }
.ahk-warranty-img { max-width: 100%; height: auto; }
.ahk-modal-footer {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px; border-top: 1px solid #eee; padding-top: 14px;
}
.ahk-modal-footer a { color: #7c2759; font-weight: 600; font-size: 13.5px; }
.ahk-modal-btn {
    background: #7c2759; color: #fff; border: 1px solid #7c2759;
    border-radius: 4px; font-weight: 600; font-size: 13.5px;
    padding: 8px 18px; cursor: pointer;
}
.ahk-modal-btn:hover, .ahk-modal-btn:focus { background: #b0377e; border-color: #b0377e; }

/* Skip-Link (WCAG 2.4.1) - unsichtbar bis per Tab fokussiert */
.ahk-skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 10000;
    padding: 10px 16px;
    background: #7c2759;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
    border-radius: 0 0 4px 0;
}
.ahk-skip-link:focus {
    left: 0;
    top: 0;
}
#layout_content:focus {
    outline: none;
}