/*
 * Theme XLPrintservice 1.1.0 — Rot/Navy/Weiss.
 *
 * Wird nur geladen, wenn im Admin das Theme „xlprintservice" aktiv ist
 * (config/themes.php → assets.css). Alles ist auf body.theme-xlprintservice
 * begrenzt; die Grundfarben kommen als CSS-Variablen aus config/themes.php.
 * Die URL traegt einen Inhaltshash (?v=…), diese Datei darf also unter
 * demselben Namen geaendert werden — der Verweis zieht von selbst nach.
 *
 * Hier steht nur Optik. Texte, Bilder, Links: Storefront-Einstellungen.
 */

/* Ambientelicht hinter Gestaltungsbildern: Blau links, Rosé rechts.
   Neutraler Fallback anderer Themes: Akzentfarbe (siehe _footer_designer). */
.theme-xlprintservice {
    --sel-ambient-a: color-mix(in srgb, #5EAFF1 63%, transparent);
    --sel-ambient-b: color-mix(in srgb, #E88C97 63%, transparent);
}

/* Navy-Footer mit weisser Schrift. Der erzwungene Dunkel-Footer
   (Setting footer_dark_mode → .footer-dark) behaelt Vorrang. */
.theme-xlprintservice .apple-footer:not(.footer-dark) {
    --footer-bg: #14213D;
    --footer-text: #FFFFFF;
    --footer-text-muted: #B8C2D6;
    --text-primary: #FFFFFF;
    --text-secondary: #E2E8F0;
    --text-tertiary: #B8C2D6;
    --bg-secondary: rgba(255, 255, 255, 0.10);
    background-color: #14213D;
    color: #FFFFFF;
}
.theme-xlprintservice .apple-footer:not(.footer-dark) a:hover {
    color: #FFFFFF !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.theme-xlprintservice .apple-footer:not(.footer-dark) .xlp-footer-designer .xlp-footer-designer-link {
    color: #FFFFFF;
}
.theme-xlprintservice .apple-footer:not(.footer-dark) .xlp-footer-designer .xlp-footer-designer-link:hover {
    color: #FFD5DB !important;
}

/* Upload-Hinweis im Navy-Footer: hell auf dunkel, roter Akzentstrich. */
.theme-xlprintservice .apple-footer .sel-upload-hint {
    color: #E2E8F0;
    border-left-color: var(--accent, #C8102E);
}

/* Fokus sichtbar auf Navy (Kontrast). */
.theme-xlprintservice .apple-footer a:focus-visible {
    outline: 3px solid #FFFFFF;
    outline-offset: 4px;
    border-radius: 6px;
}

/* Content is readable immediately, including history navigation. */
body.theme-xlprintservice main.flex-1{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}

/* Artikelgeschichte: Inhalte und Bild im bearbeitbaren Produktbanner. */
.theme-xlprintservice .xlp-product-story{background:#0b1423;color:#f8fafc;border-radius:24px;overflow:hidden;margin:20px 0 44px}
.theme-xlprintservice .xlp-product-story-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:center;padding:54px}
.theme-xlprintservice .xlp-product-story-eyebrow{font-size:12px;font-weight:750;letter-spacing:.15em;line-height:1.6;text-transform:uppercase;color:#8fb9ff;margin:0 0 20px}
.theme-xlprintservice .xlp-product-story h2{font-size:clamp(30px,3.8vw,52px);line-height:1.08;letter-spacing:-.035em;font-weight:800;color:#fff;margin:0 0 26px}
.theme-xlprintservice .xlp-product-story-copy{font-size:18px;line-height:1.8;color:#ced8e6;margin:0 0 28px}
.theme-xlprintservice .xlp-product-story-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:17px 26px;background:var(--accent,#c8102e);color:#fff!important;border:0;border-radius:12px;font-family:inherit;font-size:16px;line-height:1.4;font-weight:700;cursor:pointer;text-align:center;transition:background .15s}
.theme-xlprintservice .xlp-product-story-cta:hover{background:var(--accent-hover,#a30c25);color:#fff!important}
.theme-xlprintservice .xlp-product-story-cta:focus-visible{outline:3px solid #8fb9ff;outline-offset:5px}
.theme-xlprintservice .xlp-product-story-note{font-size:13px;line-height:1.6;color:#aebed1;margin:16px 0 0}
.theme-xlprintservice .xlp-product-story figure{margin:0;min-width:0}
.theme-xlprintservice .xlp-product-story figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:3px;filter:drop-shadow(0 18px 25px #559bdf38)}
@media(max-width:900px){.theme-xlprintservice .xlp-product-story-inner{gap:28px;padding:32px}.theme-xlprintservice .xlp-product-story-copy{font-size:17px}}
@media(max-width:700px){.theme-xlprintservice .xlp-product-story{border-radius:18px;margin:12px 0 24px}.theme-xlprintservice .xlp-product-story-inner{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 22px}.theme-xlprintservice .xlp-product-story h2{font-size:32px;margin-bottom:20px}.theme-xlprintservice .xlp-product-story-cta{width:100%;box-sizing:border-box}.theme-xlprintservice .xlp-product-story figure{grid-row:1}.theme-xlprintservice .xlp-product-story-copy{font-size:16px;line-height:1.7}}
