/* =======================
   BEADS 2 WATCH – form-theme.css
   ======================= */

   :root{
    --gold1:#F6E6B4;
    --gold2:#E5C46B;
    --gold3:#C89E3D;
    --ink:#ffffff;
    --ink-2:#e8dcc6;
    --ink-3:#cfc6b1;
    --line:#151515;
    --pad-x: clamp(16px, 4vw, 60px);
  }
  
  /* --- Reset/roztažení dynamické sekce FORM --- */
  .section-container.section-dynamic[data-dynamic-type="form"],
  .section-container.section-dynamic[data-dynamic-type="form"] .section-content,
  .section-container.section-dynamic[data-dynamic-type="form"] .section-dynamic-container{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  
    /* full-width */
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  
  /* odstranit dekorace / „tečky“ v rozích */
  .section-container.section-dynamic[data-dynamic-type="form"],
  .section-container.section-dynamic[data-dynamic-type="form"] .section-content{
    background-image:none !important;
  }
  .section-container.section-dynamic[data-dynamic-type="form"]::before,
  .section-container.section-dynamic[data-dynamic-type="form"]::after,
  .section-container.section-dynamic[data-dynamic-type="form"] .section-content::before,
  .section-container.section-dynamic[data-dynamic-type="form"] .section-content::after{
    content:none !important;
    display:none !important;
  }
  .section-container.section-dynamic[data-dynamic-type="form"] [class*="decor"],
  .section-container.section-dynamic[data-dynamic-type="form"] [class*="dot"],
  .section-container.section-dynamic[data-dynamic-type="form"] .dot,
  .section-container.section-dynamic[data-dynamic-type="form"] .dots{
    display:none !important;
  }
  
  /* --- Pokud InPage vkládá FORM přes iframe --- */
  .section-container.section-dynamic[data-dynamic-type="form"] iframe{
    display:block !important;
    width:100% !important;
    min-height: 1600px !important;
    background: transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  
  /* Nouzovka: některé šablony dávají height:0 inline */
  .section-container.section-dynamic[data-dynamic-type="form"] iframe[style*="height: 0"]{
    height: 1600px !important;
  }
  
  /* --- Pokud je form přímo v DOMu (bez iframe) – roztažení a vzhled --- */
  .section-container.section-dynamic[data-dynamic-type="form"] form{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding: clamp(24px, 3vw, 36px) var(--pad-x) clamp(40px,5vw,60px) var(--pad-x) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  
  /* Hlavičky formuláře */
  .section-container.section-dynamic[data-dynamic-type="form"] h1,
  .section-container.section-dynamic[data-dynamic-type="form"] h2,
  .section-container.section-dynamic[data-dynamic-type="form"] .form-title{
    color:var(--gold1) !important;
    font-weight:900 !important;
    text-align:center !important;
    margin: 12px 0 8px !important;
  }
  .section-container.section-dynamic[data-dynamic-type="form"] .form-subtitle{
    color:var(--ink-3) !important;
    text-align:center !important;
    margin: 0 0 24px !important;
  }
  
  /* Labely */
  .section-container.section-dynamic[data-dynamic-type="form"] label{
    color:var(--ink-2) !important;
    font-weight:800 !important;
    margin: 14px 0 8px !important;
  }
  
  /* Textová pole */
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="text"],
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="email"],
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="tel"],
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="number"],
  .section-container.section-dynamic[data-dynamic-type="form"] select,
  .section-container.section-dynamic[data-dynamic-type="form"] textarea{
    width:100% !important;
    color:var(--ink) !important;
    background:#000 !important;
    border:1px solid #333 !important;
    border-radius:14px !important;
    padding:12px 14px !important;
    outline:none !important;
    transition:border .2s ease, box-shadow .2s ease !important;
  }
  .section-container.section-dynamic[data-dynamic-type="form"] input:focus,
  .section-container.section-dynamic[data-dynamic-type="form"] select:focus,
  .section-container.section-dynamic[data-dynamic-type="form"] textarea:focus{
    border-color:#e7cc8b !important;
    box-shadow:0 0 0 3px rgba(231,204,139,.18) !important;
  }
  
  /* Radio / checkbox */
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="radio"],
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="checkbox"]{
    accent-color: var(--gold2) !important;
  }
  
  /* Lesklé zlaté tlačítko */
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="submit"],
  .section-container.section-dynamic[data-dynamic-type="form"] button[type="submit"],
  .section-container.section-dynamic[data-dynamic-type="form"] .btn-submit{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px 18px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#111 !important;
    background:linear-gradient(180deg,var(--gold1),var(--gold2) 55%,var(--gold3)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 18px rgba(0,0,0,.22) !important;
    font-weight:900 !important;
    cursor:pointer !important;
    transition:transform .15s ease, filter .15s ease !important;
  }
  .section-container.section-dynamic[data-dynamic-type="form"] input[type="submit"]:hover,
  .section-container.section-dynamic[data-dynamic-type="form"] button[type="submit"]:hover{
    transform:translateY(-1px) !important;
    filter:saturate(110%) !important;
  }
  
  /* Poznámka „Fields marked …“ */
  .section-container.section-dynamic[data-dynamic-type="form"] .required-note,
  .section-container.section-dynamic[data-dynamic-type="form"] .form-required{
    display:inline-block !important;
    margin: 0 auto 16px !important;
    padding: 10px 14px !important;
    color:#e5e5ea !important;
    background: rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius: 999px !important;
    box-shadow:none !important;
  }
  
  /* Mobil – větší výška iframe */
  @media (max-width: 720px){
    .section-container.section-dynamic[data-dynamic-type="form"] iframe{
      min-height: 1900px !important;
    }
  }
  
  /* ==== Desktop: zúžení formuláře ==== */
  @media (min-width: 1024px){
    .section-container.section-dynamic[data-dynamic-type="form"] iframe,
    .section-container.section-dynamic[data-dynamic-type="form"] form{
      max-width: 900px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }