/* Opt-in double-glass construction for cover blocks; it does not alter their text or markup. */
body.fatidica-ui .fat-glass-cover {
  --fat-cover-glass-radius:clamp(16px,1.5vw,20px);
  --fat-cover-outer-depth:clamp(14px,1.55vw,22px);
  --fat-cover-glass-gap:clamp(4px,.5vw,7px);
  --fat-cover-content-inset:calc(var(--fat-cover-outer-depth) + var(--fat-cover-glass-gap) + clamp(10px,1.2vw,18px));
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgb(235 232 227 / .2);
  border-radius:var(--fat-cover-glass-radius);
  box-shadow:0 16px 38px rgb(0 0 0 / .28),0 3px 9px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .5),inset 0 -1px 0 rgb(4 13 18 / .48),inset 1px 0 0 rgb(234 249 252 / .24),inset -1px 0 0 rgb(5 17 24 / .34);
}
body.fatidica-ui .fat-glass-cover::before,
body.fatidica-ui .fat-glass-cover::after {
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
}
body.fatidica-ui .fat-glass-cover::before {
  inset:0;
  padding:var(--fat-cover-outer-depth);
  background:
    radial-gradient(120% 55% at 8% 0,rgb(255 255 255 / .32),transparent 43%),
    radial-gradient(70% 42% at 100% 100%,rgb(176 219 231 / .16),transparent 60%),
    linear-gradient(112deg,rgb(255 255 255 / .2),transparent 14% 47%,rgb(224 246 251 / .08) 66%,transparent 79%),
    linear-gradient(180deg,rgb(224 244 248 / .18),rgb(92 133 145 / .08) 48%,rgb(4 14 20 / .2));
  -webkit-backdrop-filter:blur(5px) saturate(1.1) brightness(1.05);
  backdrop-filter:blur(5px) saturate(1.1) brightness(1.05);
  -webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  -webkit-mask-size:100% 100%,calc(100% - (var(--fat-cover-outer-depth) * 2)) calc(100% - (var(--fat-cover-outer-depth) * 2));
  -webkit-mask-position:center,center;
  -webkit-mask-repeat:no-repeat,no-repeat;
  -webkit-mask-composite:xor;
  mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);
  mask-size:100% 100%,calc(100% - (var(--fat-cover-outer-depth) * 2)) calc(100% - (var(--fat-cover-outer-depth) * 2));
  mask-position:center,center;
  mask-repeat:no-repeat,no-repeat;
  mask-composite:exclude;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .72),inset 0 -1px 0 rgb(2 11 16 / .52),inset 1px 0 0 rgb(228 248 252 / .42),inset -1px 0 rgb(4 15 21 / .4);
}
body.fatidica-ui .fat-glass-cover::after {
  inset:calc(var(--fat-cover-outer-depth) + var(--fat-cover-glass-gap));
  border:1px solid rgb(211 240 247 / .34);
  border-top-color:rgb(255 255 255 / .58);
  border-left-color:rgb(229 248 252 / .42);
  border-bottom-color:rgb(7 20 28 / .54);
  border-radius:max(6px,calc(var(--fat-cover-glass-radius) - var(--fat-cover-outer-depth) - var(--fat-cover-glass-gap)));
  background:
    linear-gradient(122deg,rgb(255 255 255 / .13),transparent 17% 61%,rgb(205 239 247 / .06) 76%,transparent 100%),
    linear-gradient(180deg,rgb(3 12 17 / .30) 0%,rgb(3 12 17 / .14) 30%,transparent 68%);
  -webkit-backdrop-filter:blur(3px) saturate(1.10);
  backdrop-filter:blur(3px) saturate(1.10);
  box-shadow:0 3px 8px rgb(0 0 0 / .24),inset 0 1px 0 rgb(255 255 255 / .34),inset 0 -1px 0 rgb(0 9 13 / .38),inset 1px 0 rgb(240 252 255 / .12);
}
body.fatidica-ui .fat-glass-cover > :not(.wp-block-cover__image-background):not(.wp-block-cover__background):not(.wp-block-cover__video-background) {
  position:relative;
  z-index:1;
}
body.fatidica-ui .fat-glass-cover:not(.wp-block-cover):not(img):not(picture):not(video),
body.fatidica-ui .wp-block-cover.fat-glass-cover {
  padding:var(--fat-cover-content-inset);
}
body.fatidica-ui img.fat-glass-cover {
  display:block;
}
@media (max-width:782px) {
  body.fatidica-ui .fat-glass-cover {
    --fat-cover-glass-radius:clamp(14px,4vw,18px);
    --fat-cover-outer-depth:clamp(12px,4vw,16px);
    --fat-cover-glass-gap:4px;
    --fat-cover-content-inset:calc(var(--fat-cover-outer-depth) + var(--fat-cover-glass-gap) + 10px);
  }
}

body.fatidica-ui .fat-glass-flip-stage { display:grid; width:100%; max-width:100%; min-width:0; align-self:stretch; isolation:isolate; perspective:1200px; }
body.fatidica-ui .fat-glass-flip-stage > .fat-glass-flip-card,
body.fatidica-ui .fat-glass-flip__back { grid-area:1 / 1; width:100%; max-width:100%; min-width:0; box-sizing:border-box; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:transform .62s cubic-bezier(.2,.72,.2,1),opacity .18s ease; }
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card { margin:0; }
body.fatidica-ui .fat-glass-flip-stage .wp-block-cover__inner-container,
body.fatidica-ui .fat-glass-flip-stage .wp-block-cover__inner-container > * { min-width:0; }
/* Functional content guard: keep Gutenberg text inside the card's usable face. */
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card {
  --fat-flip-content-inset:clamp(12px,6%,28px);
  container-type:inline-size;
  overflow:hidden;
}
/* 1065px source reference: the blurred field is 975px wide (45px per side).
   Text keeps a small 20px source inset inside that field and scales with the card. */
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.fat-glass-cover {
  --fat-cover-blur-inset:clamp(18px,5.5%,52px);
  --fat-flip-text-inset:12px;
  --fat-cover-content-inset:calc(var(--fat-cover-blur-inset) + var(--fat-flip-text-inset));
  --fat-flip-content-inset:0px;
}
@supports (width:1cqw) {
  body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.fat-glass-cover {
    --fat-flip-text-inset:clamp(8px,1.878cqw,20px);
  }
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.fat-glass-cover::after {
  inset:var(--fat-cover-blur-inset);
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card > .wp-block-cover__inner-container {
  display:grid;
  grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  align-content:center;
  gap:clamp(8px,1vw,14px);
  width:calc(100% - (var(--fat-flip-content-inset) * 2));
  max-width:calc(100% - (var(--fat-flip-content-inset) * 2));
  height:calc(100% - (var(--fat-flip-content-inset) * 2));
  min-height:0;
  max-height:calc(100% - (var(--fat-flip-content-inset) * 2));
  margin:var(--fat-flip-content-inset) auto;
  overflow:hidden;
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card > .wp-block-cover__inner-container > :is(p,h1,h2,h3,h4,h5,h6) {
  width:100%;
  max-width:100%;
  min-height:0;
  margin:0 !important;
  overflow:hidden;
  overflow-wrap:anywhere;
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card > .wp-block-cover__inner-container > :is(h1,h2,h3,h4,h5,h6) {
  line-height:1.12;
  text-wrap:balance;
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card > .wp-block-cover__inner-container > p {
  line-height:1.32;
  text-wrap:pretty;
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card > .wp-block-cover__inner-container > .wp-block-separator {
  width:min(100%,100px);
  max-width:100%;
  margin:0 auto !important;
}
@container (max-width:280px) {
  body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card > .wp-block-cover__inner-container > .has-medium-font-size {
    font-size:.8rem !important;
    line-height:1.24;
  }
  body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card > .wp-block-cover__inner-container > .has-small-font-size {
    font-size:.68rem !important;
    line-height:1.3;
  }
}
body.fatidica-ui .fat-glass-flip-stage > .fat-glass-flip-card { transform:rotateY(0); }
body.fatidica-ui .fat-glass-flip__back { position:relative; display:grid; place-items:center; padding:clamp(24px,4vw,48px); border:1px solid rgb(235 232 227 / .2); border-radius:var(--fat-cover-glass-radius,18px); background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent 44%),rgb(18 22 24 / .94); box-shadow:0 16px 38px rgb(0 0 0 / .28),inset 0 1px 0 rgb(255 255 255 / .22),inset 0 -1px 0 rgb(0 0 0 / .34); transform:rotateY(-180deg); opacity:0; pointer-events:none; }
/* Opt-in first-card cue: opens the surface, then rests slightly ajar without enabling the reverse side. */
body.fatidica-ui .fat-glass-flip-stage.is-fat-glass-peek-open > .fat-glass-flip-card { transform:rotateY(126deg); opacity:0; pointer-events:none; }
body.fatidica-ui .fat-glass-flip-stage.is-fat-glass-peek-open .fat-glass-flip__back { transform:rotateY(-54deg); opacity:1; pointer-events:none; }
body.fatidica-ui .fat-glass-flip-stage.is-fat-glass-peek-rest > .fat-glass-flip-card { transform:rotateY(16deg); }
body.fatidica-ui .fat-glass-flip-stage.is-fat-glass-peek-rest .fat-glass-flip__back { transform:rotateY(-164deg); opacity:0; }
body.fatidica-ui .fat-glass-flip-stage.is-flipped > .fat-glass-flip-card { transform:rotateY(180deg); opacity:0; pointer-events:none; }
body.fatidica-ui .fat-glass-flip-stage.is-flipped .fat-glass-flip__back { transform:rotateY(0); opacity:1; pointer-events:auto; }
/* Put this Group inside the first/front Group of the Cover, not beside its two face Groups. */
body.fatidica-ui .fat-glass-flip-card__badge {
  position: absolute;
  z-index: 4;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  max-width: calc(100% - 28px);
  margin: 0;
  width: auto;
  min-height: 0;
  transform: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color:#6f9d8b;
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}
body.fatidica-ui .fat-glass-flip-card__badge .wp-block-image,
body.fatidica-ui .fat-glass-flip-card__badge figure { width:clamp(42px,3.4vw,56px); min-width:clamp(42px,3.4vw,56px); margin:0; }
body.fatidica-ui .fat-glass-flip-card__badge img { display:block; width:clamp(42px,3.4vw,56px); height:clamp(42px,3.4vw,56px); max-width:none; object-fit:contain; }
body.fatidica-ui .fat-glass-flip-card__badge p { margin:0; white-space:nowrap; }
/* The front face is a Gutenberg Cover; keep its extracted badge pinned to the Cover itself. */
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-cover.fat-glass-flip-card > .fat-glass-flip-card__badge {
  position:absolute;
  z-index:4;
  top:0;
  right:auto;
  bottom:auto;
  left:0;
  margin:0;
  align-self:start;
  justify-self:start;
}
/* A Cover with two direct Group blocks supplies its reverse face from the second group. */
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.is-fat-glass-group-flip > .wp-block-cover__inner-container {
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(100% - (var(--fat-flip-content-inset) * 2));
  max-width:calc(100% - (var(--fat-flip-content-inset) * 2));
  height:calc(100% - (var(--fat-flip-content-inset) * 2));
  min-height:0;
  max-height:calc(100% - (var(--fat-flip-content-inset) * 2));
  margin:var(--fat-flip-content-inset) auto;
  overflow:hidden;
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.is-fat-glass-group-flip > .wp-block-cover__inner-container > .wp-block-group {
  width:100%;
  min-width:0;
  min-height:0;
  margin:0 !important;
}
/* The first Group stays on the front: its two paragraphs use a 66/34 height split. */
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.is-fat-glass-group-flip > .wp-block-cover__inner-container > .wp-block-group:first-child {
  --fat-flip-front-text-inset:clamp(6px,4%,14px);
  display:grid;
  grid-template-rows:minmax(0,66%) minmax(0,34%);
  align-items:stretch;
  height:100%;
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.is-fat-glass-group-flip > .wp-block-cover__inner-container > .wp-block-group:first-child > p:nth-of-type(1),
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.is-fat-glass-group-flip > .wp-block-cover__inner-container > .wp-block-group:first-child > p:nth-of-type(2) {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  width:100%;
  min-height:0;
  margin:0 !important;
  box-sizing:border-box;
  padding-block:var(--fat-flip-front-text-inset);
  overflow-wrap:anywhere;
}
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.is-fat-glass-group-flip > .wp-block-cover__inner-container > .wp-block-group:first-child > p:nth-of-type(1) { grid-row:1; line-height:1.16; text-wrap:balance; }
body.fatidica-ui .fat-glass-flip-stage > .wp-block-cover.fat-glass-flip-card.is-fat-glass-group-flip > .wp-block-cover__inner-container > .wp-block-group:first-child > p:nth-of-type(2) { grid-row:2; line-height:1.32; text-wrap:pretty; }
body.fatidica-ui .fat-glass-flip__back--group > .wp-block-group:not(.fat-glass-flip-card__badge) { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:clamp(8px,3%,14px); width:100%; max-width:100%; }
body.fatidica-ui .fat-glass-flip__back--group > .wp-block-group:not(.fat-glass-flip-card__badge) :is(h1,h2,h3,h4,h5,h6) { margin:0; line-height:1.12; text-wrap:balance; }
body.fatidica-ui .fat-glass-flip__back--group > .wp-block-group:not(.fat-glass-flip-card__badge) p { margin:0; line-height:1.32; text-wrap:pretty; }
body.fatidica-ui .fat-glass-flip__back--group > .wp-block-group:not(.fat-glass-flip-card__badge) .wp-block-buttons { display:flex; justify-content:center; width:100%; margin:0; }
body.fatidica-ui .fat-glass-flip__back--group > .wp-block-group:not(.fat-glass-flip-card__badge) .wp-block-button { display:block; margin:0; visibility:visible; opacity:1; pointer-events:auto; }
@media (prefers-reduced-motion:reduce) {
  body.fatidica-ui .fat-glass-flip-stage > .fat-glass-flip-card,
  body.fatidica-ui .fat-glass-flip__back { transition:none; }
}
@media (max-width:782px) {
  body.fatidica-ui .fat-glass-flip-stage { perspective:900px; }
  body.fatidica-ui .fat-glass-flip__back { padding:clamp(20px,7vw,32px); }
}

