/**
 * madsupay/gdpr — Gutenberg blocks theming override (STARTER TEMPLATE)
 *
 * HOW TO USE
 * ----------
 * Copy this file into the ACTIVE THEME at:
 *     web/app/themes/<your-theme>/assets/gdpr/blocks-overrides.css
 *
 * or scaffold it with:
 *     wp acorn gdpr:publish-override --target=blocks
 *
 * The GDPR package auto-detects it there and enqueues it AFTER its own
 * `gdpr-blocks-style`, so everything below wins the cascade. That path is
 * OUTSIDE the asset publisher's target (`assets/plugin/gdpr/site/`), so
 * `composer update` NEVER overwrites it — your customization is permanent and
 * lives in the theme's git history.
 *
 * WHAT THIS SKINS
 * ---------------
 * The six policy-page blocks: section, service-card, checklist, contact-info,
 * data-tags, rich-text. The cookie banner is a separate layer with its own
 * override file (`site-overrides.css`, tokens `--gdpr-*`).
 *
 * Every token here is set to the PACKAGE DEFAULT — uncomment and change the ones
 * you want, delete the rest. For anything a token doesn't cover, add normal CSS
 * rules further down: they load last, so they win too.
 */

:root {
    /* ── Surfaces ──────────────────────────────────────────────── */
    /* --gdpr-block-surface:        #fff;    */  /* card background */
    /* --gdpr-block-surface-muted:  #f3f6fb; */  /* info box, chips, icon tile */
    /* --gdpr-block-border:         #e5e7eb; */  /* section card border */
    /* --gdpr-block-border-strong:  #d1d5db; */  /* service card border, dividers */

    /* ── Text ──────────────────────────────────────────────────── */
    /* --gdpr-block-text:        #374151; */  /* body copy */
    /* --gdpr-block-text-strong: #1f2937; */  /* card + list titles */
    /* --gdpr-block-text-muted:  #6b7280; */  /* meta row, icon glyphs */

    /* ── Accent ────────────────────────────────────────────────── */
    /* --gdpr-block-accent:       #496f94; */  /* links, tag row, :target heading */
    /* --gdpr-block-accent-hover: #37526d; */

    /* ── Semantic ──────────────────────────────────────────────── */
    /* --gdpr-block-success:    #10b981; */  /* checklist tick + ring */
    /* --gdpr-block-success-bg: #ecfdf5; */  /* checklist ring fill */

    /* ── Shape ─────────────────────────────────────────────────── */
    /* --gdpr-block-radius:     0.5rem; */
    /* --gdpr-block-shadow:     0 10px 15px -3px rgb(0 0 0 / 0.06), 0 4px 6px -4px rgb(0 0 0 / 0.06); */
    /* --gdpr-block-shadow-sm:  0 1px 2px 0 rgb(0 0 0 / 0.05); */

    /* ── Rhythm ────────────────────────────────────────────────── */
    /* --gdpr-block-gap:            1rem;    */
    /* --gdpr-block-gap-lg:         1.5rem;  */  /* row gap inside a section card */
    /* --gdpr-block-padding:        1.5rem;  */  /* section card padding */
    /* --gdpr-block-margin-bottom:  1.25rem; */  /* gap between stacked blocks */
    /* --gdpr-block-max-width:      56rem;   */  /* section card measure */

    /* ── Typography ────────────────────────────────────────────── */
    /* Set a stack here to give the blocks their own face; `inherit` follows the theme. */
    /* --gdpr-block-font-family:         inherit; */
    /* --gdpr-block-heading-font-family: var(--gdpr-block-font-family); */

    /* Fluid sizes — clamp(min, preferred, max). */
    /* --gdpr-block-text-xs:   clamp(0.7901rem, 0.7713rem + 0.1027vw, 0.868rem);  */
    /* --gdpr-block-text-sm:   clamp(0.8888rem, 0.8519rem + 0.2016vw, 1.0416rem); */
    /* --gdpr-block-text-base: clamp(1rem, 0.9395rem + 0.3303vw, 1.25rem);        */
    /* --gdpr-block-text-lg:   clamp(1.125rem, 1.0246rem + 0.5484vw, 1.5rem);     */
    /* --gdpr-block-text-xl:   clamp(1.2656rem, 1.1148rem + 0.8237vw, 1.8rem);    */
    /* --gdpr-block-text-2xl:  clamp(1.4238rem, 1.2088rem + 1.1746vw, 2.16rem);   */
    /* --gdpr-block-leading:       1.625; */
    /* --gdpr-block-leading-tight: 1.25;  */

    /* ── Rich text prose ───────────────────────────────────────── */
    /* Replaces the `prose-*` utility chain the views used to borrow from the theme. */
    /* --gdpr-block-prose-text:        var(--gdpr-block-text);   */
    /* --gdpr-block-prose-heading:     var(--gdpr-block-text);   */
    /* --gdpr-block-prose-link:        var(--gdpr-block-accent); */
    /* --gdpr-block-prose-marker:      var(--gdpr-block-text);   */
    /* --gdpr-block-prose-list-indent: 3rem;                     */
    /* --gdpr-block-prose-spacing:     1em;                      */
}

/* ── Anything a token doesn't cover ─────────────────────────────
   Plain rules; they load after the package default, so they win.

   .supay-gdpr-service-card { border-width: 2px; }
   .supay-gdpr-section__card { box-shadow: none; }
   .supay-gdpr-data-tags__tag { text-transform: uppercase; letter-spacing: .03em; }
*/

/* ══════════════════════════════════════════════════════════════════
   cln — allineamento alla scala tipografica del tema wayra.

   Le sei view dei blocchi erano forkate in resources/views/ con classi
   proprie (gdpr-section__title, gdpr-contact__list); il fork e stato

/* ══════════════════════════════════════════════════════════════════
   cln — alignment with wayra's fluid type scale.

   The six block views used to be forked into resources/views/ with their
   own class names (gdpr-section__title, gdpr-contact__list). The fork was
   removed with v1.3.0 and the package's views render now.

   The sizes already match exactly: the --gdpr-block-text-* clamps are the
   same fluid scale wayra uses (2xl 1.4238->2.16rem, xl 1.2656->1.8,
   lg 1.125->1.5, base 1->1.25, sm .8888->1.0416, xs .7901->.868, over a
   20->96rem viewport). Only the two line-heights diverged; measured in a
   real browser before and after, not assumed.
   ══════════════════════════════════════════════════════════════════ */

:root {
    /* wayra --fluid-2xl-lh; package default was 1.25 */
    --gdpr-block-leading-tight: 1.2;
    /* wayra --fluid-base-lh; package default was 1.625 */
    --gdpr-block-leading: 1.6;
}
