/*
Theme Name: DCL Shop — Cosmetice
Theme URI: https://designcreatorlab.ro
Template: dcl-shop
Author: DCL
Description: Nișa cosmetice: paletă verde-crem peste tema DCL Shop. Antetul, magazinul, coșul și subsolul își iau culoarea din accentul ales în Customizer, așa că o singură schimbare acolo colorează tot site-ul.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: dcl-shop-cosmetice
License: Proprietary
*/

/*
 * Paleta nișei. Accentul NU se scrie aici: vine din Customizer, iar tema-părinte
 * îl pune în :root împreună cu perechile lui lizibile (--c-on-accent, --c-accent-text).
 * Tot ce urmează sunt suprafețele neutre, alese o dată și verificate la contrast.
 */
:root {
    --c-bg: #fbfcf7;
    --c-canvas: #f3f6ec;
    --c-panel: #ffffff;
    --c-ink: #1c2b1c;
    --c-text: #33433a;
    --c-muted: #5e6b58;
    --c-line: #e3e9db;
    --c-soft: #f3f6ec;
    --c-radius: 12px;
}

/* Titlurile nișei: serif cald peste textul Archivo al părintelui. */
h1, h2,
.woocommerce-loop-product__title,
.dcl-sec-title { font-family: Georgia, "Times New Roman", serif; }

/*
 * Bara de sus și subsolul sunt „blocurile de brand": iau exact accentul clientului
 * și perechea lui lizibilă, ca să nu existe o a doua culoare de întreținut.
 */
.dcl-topbar {
    --c-canvas: var(--c-accent);
    --c-muted: var(--c-on-accent);
    --c-ink: var(--c-on-accent);
    --c-line: color-mix(in srgb, var(--c-on-accent) 18%, transparent);
}

.dcl-footer {
    --c-canvas: var(--c-accent);
    --c-panel: color-mix(in srgb, var(--c-accent) 88%, #ffffff);
    --c-ink: var(--c-on-accent);
    --c-text: color-mix(in srgb, var(--c-on-accent) 88%, var(--c-accent));
    --c-muted: color-mix(in srgb, var(--c-on-accent) 76%, var(--c-accent));
    --c-line: color-mix(in srgb, var(--c-on-accent) 16%, transparent);
}

/* Antetul rămâne alb peste crem, ca navigarea să nu concureze cu produsele. */
.dcl-header,
.dcl-subnav { --c-bg: #ffffff; background: #ffffff; }

/* Umbrele părintelui sunt calculate pentru fundal închis; pe crem devin murdare. */
.dcl-header.is-stuck { box-shadow: 0 2px 16px rgba(28, 43, 28, .10); }
.dcl-menu .sub-menu,
.dcl-catmenu-list { box-shadow: 0 10px 28px rgba(28, 43, 28, .12); }

/* Cardurile albe au nevoie de contur, nu de contrast de fundal, ca să se desprindă. */
ul.products li.product,
.dcl-feature,
.dcl-cat,
.dcl-news,
.dcl-cta-in { box-shadow: 0 1px 2px rgba(28, 43, 28, .04); }