.elementor-32997 .elementor-element.elementor-element-3d7c3d1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-32997 .elementor-element.elementor-element-3d7c3d1:not(.elementor-motion-effects-element-type-background), .elementor-32997 .elementor-element.elementor-element-3d7c3d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-32997 .elementor-element.elementor-element-7f162d7{padding:40px 0px 0px 0px;text-align:center;}.elementor-32997 .elementor-element.elementor-element-7f162d7 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-secondary );}.elementor-32997 .elementor-element.elementor-element-5250033 .elementor-heading-title{font-family:var( --e-global-typography-b15c46a-font-family ), Sans-serif;font-size:var( --e-global-typography-b15c46a-font-size );font-weight:var( --e-global-typography-b15c46a-font-weight );line-height:var( --e-global-typography-b15c46a-line-height );color:var( --e-global-color-secondary );}.elementor-32997 .elementor-element.elementor-element-d9b77e7{width:100%;max-width:100%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-32997 .elementor-element.elementor-element-d9b77e7.elementor-element{--align-self:center;}body.elementor-page-32997:not(.elementor-motion-effects-element-type-background), body.elementor-page-32997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-32997 .elementor-element.elementor-element-3d7c3d1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-32997 .elementor-element.elementor-element-7f162d7{padding:0px 0px 0px 0px;}.elementor-32997 .elementor-element.elementor-element-7f162d7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-32997 .elementor-element.elementor-element-5250033 .elementor-heading-title{font-size:var( --e-global-typography-b15c46a-font-size );line-height:var( --e-global-typography-b15c46a-line-height );}.elementor-32997 .elementor-element.elementor-element-d9b77e7{width:100%;max-width:100%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-32997 .elementor-element.elementor-element-3d7c3d1{--content-width:560px;}}@media(max-width:767px){.elementor-32997 .elementor-element.elementor-element-3d7c3d1{--content-width:500px;}.elementor-32997 .elementor-element.elementor-element-7f162d7 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-32997 .elementor-element.elementor-element-5250033 .elementor-heading-title{font-size:var( --e-global-typography-b15c46a-font-size );line-height:var( --e-global-typography-b15c46a-line-height );}.elementor-32997 .elementor-element.elementor-element-d9b77e7.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}}/* Start custom CSS for shortcode, class: .elementor-element-d9b77e7 *//* Menší submit tlačítko (globálně) */
sc-order-submit::part(button) {
  padding: 12px 18px;      /* výška + šířka */
  font-size: 15px;         /* menší text */
  border-radius: 28px;     /* stejné zaoblení vibe */
}

/* Pokud je blok z Gutenbergu, pojistka i přes class wrapper */
.wp-block-surecart-submit::part(button) {
  padding: 12px 18px;
  font-size: 15px;
  border-radius: 28px;
}

/* Tablet */
@media (max-width: 768px) {
  sc-order-submit::part(button),
  .wp-block-surecart-submit::part(button) {
    padding: 11px 16px;
    font-size: 14.5px;
    border-radius: 26px;
  }
}

/* Mobil */
@media (max-width: 576px) {
  sc-order-submit::part(button),
  .wp-block-surecart-submit::part(button) {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 24px;
  }
}

/* (Volitelné) pokud SureCart respektuje CSS proměnné, můžeš i takto: */
@media (max-width: 576px) {
  sc-order-submit[full] {
    --sc-button-padding: 10px 15px; /* nesahá na barvy */
    --sc-button-font-size: 14px;
    --sc-button-radius: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d7c3d1 *//* =========================================
   FINÁLNÍ VERZE: FORMULÁŘ + STRIPE FIX
   ========================================= */

/* 1. HLAVNÍ OBAL (Centrování na stránce) */
.vb-sc {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* 2. OMEZENÍ ŠÍŘKY (Aby to nebylo roztahané) */
/* Všechny části formuláře budou mít max 500px a budou pod sebou */
.vb-sc > div,
sc-checkout,
sc-order-submit, 
.wp-block-surecart-submit,
sc-card-form {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}

/* 3. TLAČÍTKA (Černé i Oranžové) */
sc-order-submit::part(button),
.wp-block-surecart-submit::part(button),
sc-payment-submit::part(button) {
    display: block !important;
    width: 100% !important;       
    max-width: 100% !important;
    
    /* VZHLED */
    padding: 16px 20px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    text-align: center !important;
    
    /* Odsazení od formuláře nahoře */
    margin-top: 25px !important;
    margin-bottom: 10px !important;
}

/* 4. STRIPE & INPUTY (Doladění mezer) - NOVÉ */
/* Zajistí, že pole pro kartu mají stejné rozestupy jako zbytek */
sc-card-form {
    display: block !important;
    margin-bottom: 10px !important;
}

/* Sjednocení mezer mezi řádky (Číslo karty vs Datum) */
sc-card-form > div {
    margin-bottom: 15px !important; /* Vzdušnější mezery mezi políčky */
}

/* (Volitelné) Pokud je Promo kód moc nalepený */
sc-coupon-form {
    margin-bottom: 15px !important;
}
/* =========================================
   5. DONUCENÍ STRIPE PRVKŮ K POSLUŠNOSTI
   ========================================= */

/* 1. Roztáhneme všechny obaly uvnitř Stripe formuláře */
sc-card-form,
sc-card-form > div,
.sc-stripe-element-container {
    width: 100% !important;
    display: block !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Pokud jsou tam nějaké mezery (padding) navíc, zrušíme je */
sc-card-form {
    padding: 0 !important;
}

/* 3. Vizuální sjednocení (Rámečky) */
/* Zkusíme napodobit vzhled pole pro Promo kód */
.sc-stripe-element {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important; /* Šedý rámeček jako jinde */
    border-radius: 6px !important;        /* Jemné zaoblení rohů */
    padding: 10px 12px !important;        /* Aby to nebylo spláclé */
    margin-bottom: 12px !important;       /* Mezery mezi políčky */
}/* End custom CSS */