/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 22 2026 | 12:17:07 */
/* =========================================================
   FAPI – Cesta vztahem (FINÁLNÍ STAV)
========================================================= */


/* ---------------------------------------------------------
   TENKÝ RÁMEČEK KOLEM CELÉHO FORMULÁŘE
--------------------------------------------------------- */
.fapi-order-form,
#fapi-form-form{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.12) !important;
  border-radius:22px !important;
  box-shadow:none !important;
  padding:20px 18px !important;
  max-width:none !important;
}


/* ---------------------------------------------------------
   SEKCE – ŽÁDNÉ BOXÍKY, JEN SPACING
--------------------------------------------------------- */
.fapi-form-basic-block{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 22px 0 !important;
  border-radius:0 !important;
}


/* ---------------------------------------------------------
   NADPISY SEKCE – BEZ ŠEDÉHO PRUHU
--------------------------------------------------------- */
.fapi-form-basic-block-title{
  background:transparent !important;
  padding:0 !important;
  margin:0 0 10px 0 !important;
  font-weight:800;
  font-size:16px;
  letter-spacing:.04em;
}


/* ---------------------------------------------------------
   INPUTY – JEMNÉ, ZAOBLENÉ
--------------------------------------------------------- */
.fapi-order-form input[type="text"],
.fapi-order-form input[type="email"],
.fapi-order-form input[type="tel"],
.fapi-order-form select{
  border-radius:14px !important;
  border:1px solid rgba(0,0,0,.18) !important;
  padding:12px 14px !important;
  background:#fff !important;
}

.fapi-order-form input:focus,
.fapi-order-form select:focus{
  border-color:#27AE60 !important;
  box-shadow:0 0 0 3px rgba(39,174,96,.16) !important;
  outline:none !important;
}


/* ---------------------------------------------------------
   TLAČÍTKO
--------------------------------------------------------- */
.fapi-submit-button,
.fapi-order-form input[type="submit"]{
  border-radius:20px !important;
  font-weight:800;
  letter-spacing:.03em;
}


/* ---------------------------------------------------------
   INFO BOX – Apple / Google Pay
--------------------------------------------------------- */
.fapi-form-payment-methods > .f-p-6::before{
  content:"Při platbě kartou lze využít Apple/Google Pay";
  display:block;
  margin:0 auto 24px;
  padding:6px 12px;
  max-width:640px;
  text-align:center;
  background:rgba(39,174,96,.10);
  border:1px solid rgba(39,174,96,.35);
  border-radius:12px;
  color:#1f7a45;
  font-size:12.5px;
  line-height:1.25;
}

.fapi-form-payment-methods::before,
.fapi-form-payment-methods::after{
  content:none !important;
}


/* ---------------------------------------------------------
   PLATEBNÍ DLAŽDICE – JEN OBYČEJNÁ LINKA
--------------------------------------------------------- */
.fapi-form-payment-methods [role="button"]{
  box-shadow:none !important;
  filter:none !important;
  border:1px solid rgba(0,0,0,.18) !important;
  background:#fff !important;
}

.fapi-form-payment-methods [role="button"]:hover{
  box-shadow:none !important;
}

/* vybraná dlaždice – jen o chlup výraznější linka */
.fapi-form-payment-methods
  [role="button"][aria-checked="true"]{
  border-color:rgba(0,0,0,.30) !important;
  box-shadow:none !important;
}


/* ---------------------------------------------------------
   BANKOVNÍ PŘEVOD – "(QR)" NA STEJNÉM ŘÁDKU
--------------------------------------------------------- */
.fapi-form-payment-methods
  [role="button"][aria-label="Vybrat platební metodu: Bankovní převod"]::after{
  content:" (QR)";
  font-size:12px;
  font-weight:600;
  color:#6b7280;
}


/* ---------------------------------------------------------
   SKRYTÍ „Vytvořeno v prodejním systému FAPI“
--------------------------------------------------------- */
p.f-text-xs.f-text-gray-400{
  display:none !important;
}


/* ---------------------------------------------------------
   MOBIL – ŽÁDNÉ TLUSTÉ OKRAJE
--------------------------------------------------------- */
@media (max-width:768px){
  .fapi-order-form,
  #fapi-form-form{
    border-width:1px !important;
    padding:18px 14px !important;
  }
}


/* =========================================================
   FAPI – JEDEN JEMNÝ RÁMEČEK (bez dvojitého)
   ✔ rámeček jen na VNĚJŠÍM wrapperu
   ✔ vnitřek úplně bez borderů
========================================================= */

/* VNĚJŠÍ obal – jediný rámeček */
.fapi-order-form{
  border:1px solid rgba(0,0,0,.12) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:none !important;
  padding:20px 18px !important;
}

/* VNITŘNÍ obal – tvrdě bez všeho */
#fapi-form-form,
.fapi-order-form.f-border,
.fapi-order-form form{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}

/* pojistka – FAPI si někdy kreslí border přes proměnné */
.fapi-order-form{
  --order-bump-container-border-width:0px !important;
  --order-bump-container-border-style:none !important;
}

/* =========================================================
   PLATEBNÍ DLAŽDICE – JEN OBYČEJNÁ LINKA
========================================================= */
.fapi-form-payment-methods [role="button"]{
  box-shadow:none !important;
  filter:none !important;
  border:1px solid rgba(0,0,0,.18) !important;
  background:#fff !important;
}

.fapi-form-payment-methods [role="button"]:hover{
  box-shadow:none !important;
}

.fapi-form-payment-methods
  [role="button"][aria-checked="true"]{
  border-color:rgba(0,0,0,.28) !important;
}

/* =========================================================
   ŽÁDNÝ QR TEXT – ÚPLNĚ PRYČ
========================================================= */
.fapi-form-payment-methods
  [role="button"]::after{
  content:none !important;
}

/* =========================================================
   MOBIL – pořád jen jeden jemný rámeček
========================================================= */
@media (max-width:768px){
  .fapi-order-form{
    border-width:1px !important;
    padding:18px 14px !important;
  }
}

/* ====== Vnitřek až k rámečku (bez vnitřního odsazení obalu) ====== */

/* rámeček necháme, ale obal bez paddingu */
.fapi-order-form{
  padding: 0 !important;
  overflow: hidden; /* ať se šedé bloky hezky opřou o rohy */
}

/* obsah uvnitř dostane odsazení, ale jen tam kde má (ne na šedé hlavičky) */
.fapi-order-form form{
  padding: 18px 16px 20px !important;
}

/* sekce "Položky a ceny / Fakturační údaje..." – ať začínají u okraje */
.fapi-form-basic-block{
  margin-left: -16px !important;
  margin-right: -16px !important;
}

/* šedé pruhy/hlavičky – přes celou šířku */
.fapi-form-basic-block-title{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* === odstranění horní mezery u prvního bloku === */
.fapi-order-form form{
  padding-top: 0px !important;
}

/* =========================================
   FAPI – zarovnání na šířku obsahu (PC)
========================================= */

/* obal formuláře */
.fapi-order-form,
#fapi-form-form{
  width: 100% !important;
  max-width: 680px !important; /* ← STEJNÁ šířka jako text */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* pojistka proti rodičům na 100 % */
.wp-block-post-content .fapi-order-form,
.wp-block-post-content #fapi-form-form{
  max-width: 680px !important;
}

/* mobil nech full */
@media (max-width: 900px){
  .fapi-order-form,
  #fapi-form-form{
    max-width: 100% !important;
  }
}