/* ===========================================================
   BlicOFF RetroFrame Widget – v2.0.5
   Build: 2025-11-15
   Protection: RF-205-PROTECT-A · ultra-hard · 1|2|3
   Owner: BlicOFF & BlicArt GmbH – Independent Creative Company, Zürich
   © 2025 – All rights reserved
   =========================================================== */

/* ---------- WRAPPER ---------- */
.blicoff-retroframe-widget * { box-sizing:border-box; }

/* ---------- CARD BASE ---------- */
/* rf-seed:core-205A */
.blicoff-retroframe-widget .rf-card {
  position:relative;
  overflow:visible;
  display:grid;
  grid-template-rows:auto 1fr auto;
  background:#fafafa;
  border-radius:1em;
  padding:.75em .75em 1em;
  font-size:calc(16px * var(--rf-scale,1));
  margin:0 auto 1.5em;
  transform-origin:center;
  will-change:transform, box-shadow;
  transition:transform .45s ease, box-shadow .45s ease, filter .3s ease;

  /* dimensioni base in funzione della scala */
  --rf-min-width: 260px;
  --rf-ideal-width: 28vw;
  --rf-max-width: 360px;

  width: clamp(
    calc(var(--rf-min-width)   * var(--rf-scale,1)),
    calc(var(--rf-ideal-width) * var(--rf-scale,1)),
    calc(var(--rf-max-width)   * var(--rf-scale,1))
  );
}

/* === Glow ON – stato base === */
.blicoff-retroframe-widget .rf-card:not(.rf-glow-off) {
  box-shadow:
    /* Ombra soft base vicino alla card */
    0 0.5em 1em rgba(0,0,0,.08),
    /* Alone colore tematico morbido */
    0 0 1.6em color-mix(in srgb, var(--rf-accent) 26%, transparent),
    /* Micro bordo carta chiaro */
    0 0 1.5px rgba(255,255,255,.92);
}

/* LIFT HOVER – solo movimento, niente ombra qui */
.blicoff-retroframe-widget .rf-card:hover {
  transform: translateY(-6px) scale(1.02) rotateX(1.2deg) rotateY(-1.2deg);
}

/* Ombra ellittica sotto la card (sempre attiva) */
.blicoff-retroframe-widget .rf-card::after {
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  transform:translateX(-50%);
  bottom:-14px;
  width:62%;
  height:12px;
  background:radial-gradient(50% 60% at 50% 50%,
              rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 75%);
  filter:blur(8px);
  opacity:.75;
  transition:opacity .25s ease, transform .25s ease, filter .25s ease;
}

/* Hover: ellisse leggermente più larga ma non troppo scura */
.blicoff-retroframe-widget .rf-card:hover::after {
  filter:blur(10px);
  opacity:.85;
  transform:scaleX(1.08) translateY(3px);
}

/* Glow ON – ombra specifica in hover (meno alone, più profondità) */
.blicoff-retroframe-widget .rf-card:not(.rf-glow-off):hover {
  box-shadow:
    0 0.45em 1.2em rgba(0,0,0,.20),                 /* profondità sotto la card */
    0 0 0.4em color-mix(in srgb, var(--rf-accent) 10%, transparent), /* glow quasi zero */
    0 0 1px rgba(255,255,255,.85);                  /* micro bordo carta */
}

/* Glow OFF (switch Elementor): base più piatta, niente alone colore */
.blicoff-retroframe-widget .rf-card.glow-off,
.blicoff-retroframe-widget .rf-card.no-glow,
.blicoff-retroframe-widget .rf-card.rf-glow-off {
  --rf-glow: transparent;
  border:1px solid rgba(255,255,255,.85);
  box-shadow:
    0 1px 3px rgba(0,0,0,.05),
    0 2px 6px rgba(0,0,0,.06),
    0 0 0 1px rgba(0,0,0,.03);
}

/* Glow OFF – hover minimal chic */
.blicoff-retroframe-widget .rf-card.glow-off:hover,
.blicoff-retroframe-widget .rf-card.no-glow:hover,
.blicoff-retroframe-widget .rf-card.rf-glow-off:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow:
    0 .75em 1.4em rgba(0,0,0,.18),
    0 0 5px rgba(255,255,255,.85),
    0 0 14px color-mix(in srgb, var(--rf-accent) 12%, transparent);
}

/* ellisse per glow-off: più soft e bassa */
.blicoff-retroframe-widget .rf-card.glow-off::after,
.blicoff-retroframe-widget .rf-card.no-glow::after,
.blicoff-retroframe-widget .rf-card.rf-glow-off::after {
  opacity:.85;
  filter:blur(10px);
  transform: translateX(-50%) translateY(2px) scaleX(1.05);
}

/* ---------- SCALE ---------- */
/* rf-seed:scale-steps-205 */
.blicoff-retroframe-widget .rf-card.scale-60  { --rf-scale:.60; }
.blicoff-retroframe-widget .rf-card.scale-70  { --rf-scale:.70; }
.blicoff-retroframe-widget .rf-card.scale-80  { --rf-scale:.80; }
.blicoff-retroframe-widget .rf-card.scale-90  { --rf-scale:.90; }
.blicoff-retroframe-widget .rf-card.scale-100 { --rf-scale:1.00; }
.blicoff-retroframe-widget .rf-card.scale-110 { --rf-scale:1.10; }
.blicoff-retroframe-widget .rf-card.scale-120 { --rf-scale:1.20; }
.blicoff-retroframe-widget .rf-card.scale-150 { --rf-scale:1.50; }

/* ---------- THEMES (Zurigo Light Palette) ---------- */
/* rf-seed:themes-205 */
.blicoff-retroframe-widget .rf-card.theme-blue    { --rf-accent:#2D597A; --rf-glow:#A4C6D9; }
.blicoff-retroframe-widget .rf-card.theme-azure   { --rf-accent:#59AEE6; --rf-glow:#A9D5EA; }
.blicoff-retroframe-widget .rf-card.theme-red     { --rf-accent:#E4312B; --rf-glow:#F0B8B1; }
.blicoff-retroframe-widget .rf-card.theme-green   { --rf-accent:#57A773; --rf-glow:#C6E7DA; }
.blicoff-retroframe-widget .rf-card.theme-magenta { --rf-accent:#D65C9A; --rf-glow:#E6B7CF; }
.blicoff-retroframe-widget .rf-card.theme-neutral { --rf-accent:#9AA3AE; --rf-glow:#EAEFF2; }

/* Tema Sand (Zurigo Light originale) */
/* rf-seed:theme-sand-205 */
.blicoff-retroframe-widget .rf-card.theme-sand {
  --rf-accent:#A68C6D;   /* sabbia calda originale */
  --rf-glow:#E6E1DA;     /* alone chiaro neutro */
}

/* ---------- BADGE ---------- */
/* rf-seed:badge-core-205 */
.blicoff-retroframe-widget .rf-photo {
  position:relative;
  z-index:1;
}

.blicoff-retroframe-widget .rf-badge {
  position:absolute;
  top:  calc(8px * var(--rf-scale));
  left: calc(8px * var(--rf-scale));
  z-index:3;
  background:var(--rf-accent);
  color:#fff;
  padding: calc(.35em * var(--rf-scale)) calc(.6em * var(--rf-scale));
  border-radius: calc(.4em * var(--rf-scale));
  font-size: calc(10px * var(--rf-scale));
  font-weight:600;
  line-height:1.2;
}

.blicoff-retroframe-widget .rf-card.no-badge .rf-badge{
  display:none;
}

.blicoff-retroframe-widget .rf-card.theme-sand .rf-photo .rf-badge {
  background:#A68C6D;
  color:#fff;
}

/* ---------- PHOTO BASE (3:2) ---------- */
/* rf-seed:photo-205 */
.blicoff-retroframe-widget .rf-photo{
  background:#fdfdf8;
  padding: calc(.12em * var(--rf-scale));
  border-radius: calc(.8em * var(--rf-scale));
  aspect-ratio:3/2;
  overflow:hidden;
  max-width:100%;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.06),
    inset 0 -1px 1px rgba(0,0,0,.03);
}

.blicoff-retroframe-widget .rf-photo>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border-radius: calc(.5em * var(--rf-scale));
  display:block;
  box-shadow:none;
}

/* alone tematico + grana soft */
.blicoff-retroframe-widget .rf-photo::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    0 0 32px color-mix(in srgb, var(--rf-accent) 30%, transparent),
    0 0 8px  color-mix(in srgb, var(--rf-accent) 40%, transparent),
    inset 0 8px 24px rgba(0,0,0,.08);
}

.blicoff-retroframe-widget .rf-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background-image:radial-gradient(rgba(0,0,0,.03) 1px, transparent 1px);
  background-size:2px 2px;
  opacity:.35;
  mix-blend-mode:multiply;
}

/* varianti foto small / medium / wide = solo margine attorno al blocco foto */
.blicoff-retroframe-widget .rf-card.photo-small .rf-photo {
  margin: calc(10px * var(--rf-scale));
}
.blicoff-retroframe-widget .rf-card.photo-medium .rf-photo {
  margin: calc(6px * var(--rf-scale));
}
.blicoff-retroframe-widget .rf-card.photo-wide .rf-photo {
  margin: 0;
}

/* ---------- FRAME STYLE: PRO ---------- */
/* rf-seed:frame-pro-205B */
.blicoff-retroframe-widget .rf-card.style-pro .rf-photo {
  background:#fdfdf8;
  padding: calc(.5rem * var(--rf-scale));
  border-radius: calc(1rem * var(--rf-scale));
  margin-top: calc(-.25rem * var(--rf-scale));
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.92),
    inset 0 -5px 9px rgba(0,0,0,.30),
    0 2px 6px rgba(0,0,0,.22);
}

.blicoff-retroframe-widget .rf-card.style-pro .rf-photo::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--rf-accent) 60%, transparent),
    0 0 56px color-mix(in srgb, var(--rf-accent) 38%, transparent);
}

.blicoff-retroframe-widget .rf-card.style-pro .rf-photo::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.22);
  background-image: radial-gradient(rgba(0,0,0,.03) 1px, transparent 1px);
  background-size: 2px 2px;
  opacity:.25;
  mix-blend-mode:multiply;
}

.blicoff-retroframe-widget .rf-card.style-pro .rf-inner-shadow-layer {
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.9),
    inset 0 -6px 10px rgba(0,0,0,.32),
    0 3px 6px rgba(0,0,0,.20);
}

/* ---------- FRAME STYLE: CLASSIC (v1.2 migliorata) ---------- */
/* rf-seed:frame-classic-205B */
.blicoff-retroframe-widget .rf-card.style-classic > .rf-photo {
  position:relative;
  background:#ecebe8;                           /* avorio-grigio, stacca dalla card */
  padding: calc(.45rem * var(--rf-scale));      /* spessore cornice */
  border-radius: calc(1rem * var(--rf-scale));
  aspect-ratio:3/2;
  overflow:hidden;

  /* incasso verso l’interno, niente ombra “appoggiata” */
  box-shadow:
    inset 0 3px 5px rgba(0,0,0,.05),            /* ombra alta visibile */
    inset 0 -6px 9px rgba(0,0,0,.18),           /* ombra bassa più densa */
    inset 0 0 3px rgba(0,0,0,.08) !important;   /* morbidezza generale */
}

/* Glow tematico senza sollevare */
.blicoff-retroframe-widget .rf-card.style-classic > .rf-photo::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    0 0 26px color-mix(in srgb, var(--rf-accent) 20%, transparent) !important;
}

/* Texture leggera */
.blicoff-retroframe-widget .rf-card.style-classic > .rf-photo::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background-image: radial-gradient(rgba(0,0,0,.03) 1px, transparent 1px);
  background-size:2px 2px;
  opacity:.25;
  mix-blend-mode:multiply;
}

/* Foto dentro la cornice: centrata, non tagliata sotto, bordo tema */
.blicoff-retroframe-widget .rf-card.style-classic > .rf-photo > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  border-radius:calc(.65rem * var(--rf-scale));
  border:calc(1px * var(--rf-scale)) solid var(--rf-accent);
}

/* Varianti margine per classic */
.blicoff-retroframe-widget .rf-card.style-classic.photo-small  > .rf-photo { margin: calc(10px * var(--rf-scale)); }
.blicoff-retroframe-widget .rf-card.style-classic.photo-medium > .rf-photo { margin: calc(6px * var(--rf-scale)); }
.blicoff-retroframe-widget .rf-card.style-classic.photo-wide   > .rf-photo { margin: 0; }

/* ---------- TEXT AREA ---------- */
/* rf-seed:text-205 */
.blicoff-retroframe-widget .rf-bar {
  display:grid;
  gap: calc(4px * var(--rf-scale));          /* compatto */
  text-align:center;
  padding:0;
  background:transparent;
  margin-top: calc(8px * var(--rf-scale));   /* meno aria dopo la foto */
}

.blicoff-retroframe-widget .rf-title{
  color:#2D597A;
  font-weight:700;
  font-size:calc(20px * var(--rf-scale));
  line-height:1.15;
  letter-spacing:.0125em;
  margin:0;
}

.blicoff-retroframe-widget .rf-desc{
  color:#7A8896;
  font-weight:400;
  font-size:calc(15px * var(--rf-scale));
  line-height:1.35;
  margin: calc(4px * var(--rf-scale)) 0 0 0;
}

/* ========== CTA AREA ---------- */
/* rf-seed:cta-area-205C */
.blicoff-retroframe-widget .rf-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top:calc(6px * var(--rf-scale));  /* compatto */
}

/* CTA base */
/* rf-seed:cta-base-205 */
.blicoff-retroframe-widget .btn-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
  margin:0 !important;
  border-radius:999px;
  padding: calc(12px * var(--rf-scale)) calc(18px * var(--rf-scale));
  font-size: calc(14px * var(--rf-scale));
  min-width: calc(120px * var(--rf-scale));
  max-width:100%;
  white-space:nowrap;
  transform: translateZ(0);
  background: var(--rf-accent);
  color:#fff;
  text-decoration:none;
  box-shadow:none;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
/* Fix: colore testo CTA sempre bianco, anche in hover,
   tranne ghost/link/chip che hanno logica propria */
.blicoff-retroframe-widget .btn-cta:not(.ghost):not(.link):not(.chip),
.blicoff-retroframe-widget .btn-cta:not(.ghost):not(.link):not(.chip):hover,
.blicoff-retroframe-widget .btn-cta:not(.ghost):not(.link):not(.chip):focus {
  color:#fff !important;
  text-decoration:none;
}

/* hover leggero */
.blicoff-retroframe-widget .btn-cta:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -2px 0 rgba(0,0,0,.16),
    0 10px 20px rgba(0,0,0,.22);
  filter:brightness(1.03);
}

/* Varianti base */
.blicoff-retroframe-widget .btn-cta.ghost  {
  background:#fff;
  color:var(--rf-accent);
  border:2px solid rgba(0,0,0,.10);
  box-shadow:none;
}

.blicoff-retroframe-widget .btn-cta.link   {
  background:transparent;
  color:var(--rf-accent);
  border:none;
  text-decoration:underline;
  width:auto;
}

.blicoff-retroframe-widget .btn-cta.chip   {
  background:#F4F8FB;
  color:var(--rf-accent);
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
  width:auto;
}

/* Variante LINK full width */
.blicoff-retroframe-widget .btn-cta.link {
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100% !important;
  padding: calc(12px * var(--rf-scale)) 0;
  font-weight:600;
  font-size:calc(14px * var(--rf-scale));
  line-height:1.1;
}

.blicoff-retroframe-widget .btn-cta.link:hover {
  color: color-mix(in srgb, var(--rf-accent) 70%, #000);
  text-decoration-thickness:2px;
  text-underline-offset:2px;
  filter:brightness(1.05);
}

/* ---------- CTA SHAPE & SHAPE-SCOOP ---------- */
/* rf-seed:cta-shape-205 */

/* stile comune */
.blicoff-retroframe-widget .rf-actions .btn-cta.shape,
.blicoff-retroframe-widget .rf-actions .btn-cta.shape-scoop {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  padding:0.68em 1.4em !important;

  font-weight:600;
  font-size:calc(14px * var(--rf-scale));
  line-height:1.05;
  letter-spacing:.4px;
  text-decoration:none !important;
  border:none !important;

  background:var(--rf-accent) !important;
  color:#fff !important;

  /* Scoop Zurigo Light (decisione finale) */
  border-radius:4px 4px 30px 30px !important;

  box-shadow:
    0 2px 4px rgba(0,0,0,.10),
    0 4px 10px rgba(0,0,0,.07);

  transition:
    background .2s ease-out,
    transform .2s ease-out,
    box-shadow .2s ease-out;
}

/* SHAPE compatto */
.blicoff-retroframe-widget .rf-actions .btn-cta.shape {
  width:72% !important;
  margin:0 auto !important;
}

/* SHAPE-SCOOP full width */
.blicoff-retroframe-widget .rf-actions .btn-cta.shape-scoop {
  width:100% !important;
  margin:0 !important;
}

/* Hover uguale */
.blicoff-retroframe-widget .rf-actions .btn-cta.shape:hover,
.blicoff-retroframe-widget .rf-actions .btn-cta.shape-scoop:hover {
  transform:translateY(-2px) scale(1.01);
  box-shadow:
    0 4px 12px rgba(0,0,0,.15),
    0 8px 20px rgba(0,0,0,.10);
  filter:brightness(1.05);
}

/* ---------- CLICKCARD MODE ---------- */
/* rf-seed:mode-clickcard-205 */
.blicoff-retroframe-widget .rf-card.clickcard { cursor:pointer; }
.blicoff-retroframe-widget .rf-card.clickcard a.btn-cta.link{ pointer-events:none; }

/* ---------- TIGHT PRESETS ---------- */
/* rf-seed:layout-tight-205 */
.blicoff-retroframe-widget .rf-card.tight{
  padding:.45em .60em .70em;
}
.blicoff-retroframe-widget .rf-card.ultra-tight{
  padding:.38em .55em .60em;
}

/* ---------- ACCESSIBILITY ---------- */
/* rf-seed:accessibility-205 */
.blicoff-retroframe-widget .rf-card:focus-visible{
  outline:0;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.9),
    0 0 0 6px rgba(92,175,216,.55),
    0 20px 38px rgba(0,0,0,.25);
}

/* ---------- MOTION SAFE ---------- */
/* rf-seed:motion-safe-205C */
@media (prefers-reduced-motion:reduce){
  .blicoff-retroframe-widget .rf-card,
  .blicoff-retroframe-widget .rf-card:hover,
  .blicoff-retroframe-widget .rf-card::after{
    transition:none;
    transform:none;
  }
}
/* ===========================================================
   RetroFrame v2.0.5 – Visual Style GLOW OFF 2025
   (card più piatta, senza alone colorato)
   =========================================================== */
.blicoff-retroframe-widget .rf-card.glow-off {
  --rf-glow: transparent;
  border:1px solid rgba(255,255,255,.85);
  box-shadow:
    0 1px 3px rgba(0,0,0,.05),
    0 2px 6px rgba(0,0,0,.06),
    0 0 0 1px rgba(0,0,0,.03);
}

.blicoff-retroframe-widget .rf-card.glow-off:hover {
  transform: translateY(-4px) scale(1.01) rotateX(0.8deg) rotateY(-0.8deg);
  box-shadow:
    0 4px 8px rgba(0,0,0,.10),
    0 10px 20px rgba(0,0,0,.12),
    0 0 0 1px rgba(0,0,0,.03);
}

/* ellisse per glow-off: più soft e bassa */
.blicoff-retroframe-widget .rf-card.glow-off::after {
  opacity:.85;
  filter:blur(10px);
  transform: translateX(-50%) translateY(2px) scaleX(1.05);
}
/* ===== Glow OFF (switch Elementor) ===== */
.blicoff-retroframe-widget .rf-card.no-glow,
.blicoff-retroframe-widget .rf-card.rf-glow-off {
    --rf-glow: rgba(0,0,0,0) !important;
}

.blicoff-retroframe-widget .rf-card.no-glow .rf-photo::before,
.blicoff-retroframe-widget .rf-card.rf-glow-off .rf-photo::before {
    box-shadow: none !important;
}

.blicoff-retroframe-widget .rf-card.no-glow .rf-photo::after,
.blicoff-retroframe-widget .rf-card.rf-glow-off .rf-photo::after {
    opacity: .25; /* texture sì, ma niente glow */
}
/* RetroFrame – Glow OFF (hover minimal-chic A+ definitivo) */
.blicoff-retroframe-widget .rf-card.rf-glow-off:hover {
  box-shadow:
    0 .75em 1.4em rgba(0,0,0,.18),                          /* profondità morbida */
    0 0 5px rgba(255,255,255,.85),                          /* micro bordo luce carta */
    0 0 14px color-mix(in srgb, var(--rf-accent) 12%, transparent); /* alone tematico leggerissimo */
  transform: translateY(-6px) scale(1.02);                  /* sollevamento coerente */
}

/* ===========================================================
   RetroFrame v2.0.5 – Protection Seeds (RF-205-PROTECT-A)
   rf-seed-level-1: core-205A      · card+scale+glow
   rf-seed-level-2: frame-205B     · photo-frame pro/classic
   rf-seed-level-3: cta-205C       · cta/shape/motion-safe
   rf-build-id:    2025.11.15.v205
   rf-owner:       BlicOFF & BlicArt GmbH – Zürich · Independent
   =========================================================== */