.elementor-14965 .elementor-element.elementor-element-cd0fc35{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 3px;--row-gap:0px;--column-gap:3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-cd0fc35:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-cd0fc35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-14965 .elementor-element.elementor-element-10b9b3d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-10b9b3d:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-10b9b3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-14965 .elementor-element.elementor-element-21d9931a{--display:flex;--min-height:66vh;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-21d9931a:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-21d9931a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://radioart.land/wp-content/uploads/2025/10/Live_Now_V1-1.webp");background-repeat:no-repeat;background-size:cover;}.elementor-14965 .elementor-element.elementor-element-6500ea97{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-f646dd6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-4073c09d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-14965 .elementor-element.elementor-element-3073ac88{z-index:12;}.elementor-14965 .elementor-element.elementor-element-764f3649{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-2cfa37e{--display:flex;--min-height:30vh;}.elementor-14965 .elementor-element.elementor-element-4d816c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-14965 .elementor-element.elementor-element-4d816c5 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-14965 .elementor-element.elementor-element-8a3ad8d{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F3F3F3;--border-color:#F3F3F3;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-8a3ad8d:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-8a3ad8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-14965 .elementor-element.elementor-element-93c049c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-93c049c:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-93c049c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-14965 .elementor-element.elementor-element-6371385{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 4px;padding:0px 0px 0px 0px;}.elementor-14965 .elementor-element.elementor-element-6371385 .elementor-heading-title{font-weight:700;color:#111111;}.elementor-14965 .elementor-element.elementor-element-844f53d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;padding:0px 0px 0px 0px;}.elementor-14965 .elementor-element.elementor-element-844f53d .elementor-heading-title{font-weight:600;}.elementor-14965 .elementor-element.elementor-element-46864a1{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14965 .elementor-element.elementor-element-46864a1:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-46864a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-14965 .elementor-element.elementor-element-ae00b70{--grid-columns:2;--grid-row-gap:2px;--grid-column-gap:2px;}.elementor-14965 .elementor-element.elementor-element-ae00b70 > .elementor-widget-container{background-color:#F3F3F3;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F7F7F7;}.elementor-14965 .elementor-element.elementor-element-234168d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14965 .elementor-element.elementor-element-2eacf6d{padding:0px 0px 0px 0px;}.elementor-14965 .elementor-element.elementor-element-2eacf6d.elementor-element{--align-self:flex-start;}.elementor-14965 .elementor-element.elementor-element-2eacf6d .elementor-heading-title{font-weight:700;color:#111111;}.elementor-14965 .elementor-element.elementor-element-2f503f7 .elementor-heading-title{font-weight:600;color:#111111;}.elementor-14965 .elementor-element.elementor-element-1577507{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-14965 .elementor-element.elementor-element-1577507:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-1577507 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-14965 .elementor-element.elementor-element-1f91a39{--grid-columns:5;--grid-row-gap:5px;--grid-column-gap:5px;}.elementor-14965 .elementor-element.elementor-element-1f91a39 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14965 .elementor-element.elementor-element-41a5964{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14965 .elementor-element.elementor-element-4629f0b .elementor-heading-title{font-weight:700;color:#111111;}.elementor-14965 .elementor-element.elementor-element-677c29f .elementor-heading-title{font-weight:600;}.elementor-14965 .elementor-element.elementor-element-8c82086{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-14965 .elementor-element.elementor-element-8c82086:not(.elementor-motion-effects-element-type-background), .elementor-14965 .elementor-element.elementor-element-8c82086 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-14965 .elementor-element.elementor-element-e59aaf9{--grid-columns:5;--grid-row-gap:5px;--grid-column-gap:5px;}.elementor-14965 .elementor-element.elementor-element-e59aaf9 > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-14965 .elementor-element.elementor-element-cd0fc35{--width:100%;}.elementor-14965 .elementor-element.elementor-element-10b9b3d{--width:100%;}.elementor-14965 .elementor-element.elementor-element-8a3ad8d{--width:30%;}.elementor-14965 .elementor-element.elementor-element-93c049c{--width:100%;}}@media(max-width:1024px){.elementor-14965 .elementor-element.elementor-element-2cfa37e{--min-height:35vh;}.elementor-14965 .elementor-element.elementor-element-ae00b70{--grid-columns:2;}.elementor-14965 .elementor-element.elementor-element-1f91a39{--grid-columns:2;}.elementor-14965 .elementor-element.elementor-element-e59aaf9{--grid-columns:2;}}@media(max-width:767px){.elementor-14965 .elementor-element.elementor-element-2cfa37e{--min-height:40vh;}.elementor-14965 .elementor-element.elementor-element-ae00b70{--grid-columns:1;}.elementor-14965 .elementor-element.elementor-element-1f91a39{--grid-columns:1;}.elementor-14965 .elementor-element.elementor-element-e59aaf9{--grid-columns:1;}body.elementor-page-14965{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-21d9931a *//* === DE Homepage Live Choice — FULL (fills viewport minus header & player) === */

/* Scope: the outer promo container you’re editing */
.elementor-14965 .elementor-element.elementor-element-21d9931a{
  position: relative;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  overflow: hidden;

  /* Fonts to match EN */
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Fallbacks if the script hasn’t run yet */
  --nav-h: 88px;           /* reasonable header guess, gets overwritten by script */
  --player-h: 144px;       /* your iframe height, also overwritten by script */

  /* Fill the viewport minus header + sticky player + safe area */
  min-height: calc(100vh - var(--nav-h) - var(--player-h) - env(safe-area-inset-bottom));
  min-height: calc(100svh - var(--nav-h) - var(--player-h) - env(safe-area-inset-bottom));
  min-height: calc(100dvh - var(--nav-h) - var(--player-h) - env(safe-area-inset-bottom));

  z-index: 100;
  isolation: isolate; /* own stacking context so nothing steals clicks */
}

/* Grid wrapper (use either name; both supported) */
.elementor-14965 .elementor-element.elementor-element-21d9931a .live-choice-grid,
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 20px;
  color: #fff;
  height: 100%;           /* let the grid fill the section */
  align-content: start;   /* cards start at the top; change to center if preferred */
}

/* Cards (mobile-first) */
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card{
  position: relative;
  background: rgba(0,0,0,.52);
  border-radius: 12px;
  padding: 18px;
  backdrop-filter: saturate(115%) blur(.4px);
}

/* EN headings */
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card h1,
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card h2,
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card h3,
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card .elementor-heading-title{
  font-family: "Lato","Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: .02em;
}
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card p{ margin: 0 0 10px; }

/* ---------- FULL-CARD CLICK AREA (HTML widget overlay anchor) ---------- */
/* Prevent the HTML widget from becoming the positioning context */
.elementor-14965 .elementor-element.elementor-element-21d9931a .linkbox .elementor-widget-html{ position: static !important; }

/* Stretch the anchor to the whole card and keep it on top */
.elementor-14965 .elementor-element.elementor-element-21d9931a .linkbox{ position: relative; cursor: pointer; }
.elementor-14965 .elementor-element.elementor-element-21d9931a .linkbox .cover-link{
  position: absolute; inset: 0;
  display: block;
  z-index: 2147483000;
  cursor: pointer;
}

/* Optional: ensure underlying widgets don’t steal the click */
.elementor-14965 .elementor-element.elementor-element-21d9931a .linkbox > .elementor-widget:not(.elementor-widget-html),
.elementor-14965 .elementor-element.elementor-element-21d9931a .linkbox > .elementor-container,
.elementor-14965 .elementor-element.elementor-element-21d9931a .linkbox > .elementor-column{
  pointer-events: none;
}
.elementor-14965 .elementor-element.elementor-element-21d9931a .linkbox .cover-link{ pointer-events: auto; }

/* QR centered – compact */
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card img{
  display: block;
  margin: 12px auto 0;
  width: min(200px, 55%);
  height: auto;
  border-radius: 6px;
}

/* Mobile stack */
@media (max-width: 1024px){
  .elementor-14965 .elementor-element.elementor-element-21d9931a .live-choice-grid, .elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-grid{ grid-template-columns: 1fr; }
  .elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card img{ width: 180px; }
}

/* Desktop refinements: lighter/smaller with border */
@media (min-width: 1025px){
  .elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card img{ width: 160px; }
  .elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-card{
    background: rgba(0,0,0,.44);
    border: 2px solid rgba(255,255,255,.18);
    border-radius: 14px;
    padding: 16px 18px;
    max-width: 520px;          /* keeps cards visually compact */
  }
  .elementor-14965 .elementor-element.elementor-element-21d9931a .live-choice-grid, .elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-grid{
    justify-items: center;     /* center each card within its column */
    gap: 16px;
  }
}

/* Hide any old arrow if present */
.elementor-14965 .elementor-element.elementor-element-21d9931a .down-arrow{ display: none !important; }

/* Center the cards vertically in the section */
.elementor-14965 .elementor-element.elementor-element-21d9931a .live-choice-grid,
.elementor-14965 .elementor-element.elementor-element-21d9931a .de-live-grid{
  align-content: center !important;   /* was start */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10b9b3d *//* === HP-LEFT: compact hero + small gallery strip ======================= */
.elementor-14965 .elementor-element.elementor-element-10b9b3d{
  /* TUNE THESE TWO NUMBERS ONLY */
  --gallery-h: 24vh;   /* slideshow height (try 22–26vh) */
  --gap: 4px;          /* space between hero and gallery */

  /* filled by your sizer script; fallbacks keep it safe */
  --nav-h: 88px;
  --player-h: 144px;
  --cookie-h: 0px;

  display: flex;
  flex-direction: column;
  gap: var(--gap);

  /* column fills viewport minus header + player (+ cookie) */
  min-height: calc(100svh - var(--nav-h) - var(--player-h) - var(--cookie-h));
  min-height: calc(100dvh - var(--nav-h) - var(--player-h) - var(--cookie-h));

  /* kill stray bottom space */
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* HERO takes the remaining space; no extra vertical padding */
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .live-choice{
  flex: 1 1 auto;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;  /* square background only */
  overflow: visible !important;
}

/* tighten the two cards */
.elementor-14965 .elementor-element.elementor-element-10b9b3d .live-choice-grid{ gap: 10px !important; padding: 0 !important; }
.elementor-14965 .elementor-element.elementor-element-10b9b3d .live-card{ padding: 10px 12px !important; }
.elementor-14965 .elementor-element.elementor-element-10b9b3d .live-card .elementor-heading-title{ margin-top: 0 !important; }

/* GALLERY: fixed strip (square, flat), fills its track */
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row{
  flex: 0 0 var(--gallery-h);
  height: var(--gallery-h) !important;
  min-height: var(--gallery-h) !important;
  background: #000;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* make carousels inside fill perfectly */
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row .elementor-swiper,
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row .swiper,
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row .swiper-container{ height: 100% !important; }
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row .swiper-wrapper{ align-items: stretch; }
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row .swiper-slide,
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row .swiper-slide .swiper-slide-inner{
  height: 100% !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden;
}
.elementor-14965 .elementor-element.elementor-element-10b9b3d > .gallery-row img{ width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }

/* optional: slightly smaller QR so the left panel breathes */
.elementor-14965 .elementor-element.elementor-element-10b9b3d .left-card img{ width: 112px; }/* End custom CSS */