/*

Theme Name: Astra Child JL

Description: Child theme for JesenikyLove with custom Checkout styling

Version: 1.0.0

Text Domain: astra-child-jl

Template: astra

*/



/* ========== GLOBAL STYLING JESENIKYLOVE (červen 2025) ========== */

body {

  line-height: 1.01;

  font-size: 16px;

  padding: 0;

}

p {

  margin-bottom: 1.2em;

}

/* Nadpisy */

h1 {

  font-size: 36px;

  line-height: 1.3;

  margin-bottom: 24px;

}

h2 {

  font-size: 30px;

  line-height: 1.3;

  margin-bottom: 20px;

}

h3 {

  font-size: 24px;

  margin-bottom: 16px;

}

/* Tlačítka */

.wp-block-button__link {

  padding: 14px 28px;

  margin-bottom: 24px;

}

/* Vnitřní padding pro sekce */

.wp-block-group,

.wp-block-cover,

.ast-container {

  padding-left: 20px;

  padding-right: 20px;

}

/* 🧱 Úprava šířky a zarovnání pro .container i .ast-container */

body.page,

body.page-template,

body .container,

body .ast-container {

  max-width: 1280px;

  margin: 0 auto;

  padding-left: 0;

  padding-right: 0;

  box-sizing: border-box;

}



@media (min-width: 768px) {

  .ast-container {

    padding-left: 0;

    padding-right: 0;

  }

}



@media (max-width: 768px) {

  body .container,

  body .ast-container {

    padding-left: 8px;

    padding-right: 8px;

    margin-left: 0 !important;

    margin-right: 0 !important;

  }

}





  .jl-booking-actions {

    flex-direction: column;

    align-items: flex-start;

  }



  .jl-btn {

    width: 100%;

    text-align: center;

  }

}



/* ========== END JESENIKYLOVE GLOBAL STYLES ========== */







/* 1) Enqueue styles priority is handled in functions.php */



/* ==========================================================================

   2) Custom Checkout Table Styling for /order-pay/

   ========================================================================== */



/* a) Vnější kartu okolo celé tabulky */

body.woocommerce-checkout form#order_review {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 12px;

  padding: 16px;

  box-shadow: 0 2px 8px rgba(0,0,0,0.04);

  margin-bottom: 2em;

  overflow: visible;

}



/* b) Tabulka uvnitř bez vlastního rámečku, se spacing */

body.woocommerce-checkout form#order_review table.shop_table {

  width: 100% !important;

  border-collapse: separate;

  border-spacing: 0 12px;

border-radius: 12px;

  margin: 0;

  background: transparent;

}

body.woocommerce-checkout form#order_review table.shop_table th,

body.woocommerce-checkout form#order_review table.shop_table td {

  border: none !important;

  padding: 10px 12px !important;

  vertical-align: middle !important;

}



/* c) Hlavička jako samostatná karta */

body.woocommerce-checkout form#order_review table.shop_table thead tr {

  background: #fafafa;

  border: 1px solid #ddd;

  border-radius: 8px;  

  display: table-row;

}

body.woocommerce-checkout form#order_review table.shop_table thead th {

  font-weight: 700;

  color: #333;

  padding: 8px 12px !important;

}



/* d) Řádky s bufetem (produkt, mezisoučet, cena celkem) jako karty */

body.woocommerce-checkout form#order_review table.shop_table tbody tr,

body.woocommerce-checkout form#order_review table.shop_table tfoot tr {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 8px;

  display: table-row;

  box-shadow: 0 1px 4px rgba(0,0,0,0.03);

}



/* e) Zaoblení krajních buněk 

body.woocommerce-checkout form#order_review table.shop_table tr th:first-child,

body.woocommerce-checkout form#order_review table.shop_table tr td:first-child {

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

}

body.woocommerce-checkout form#order_review table.shop_table tr th:last-child,

body.woocommerce-checkout form#order_review table.shop_table tr td:last-child {

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

}*/



/* f) Zvýraznění posledního řádku */

body.woocommerce-checkout form#order_review table.shop_table tfoot tr:last-child th,

body.woocommerce-checkout form#order_review table.shop_table tfoot tr:last-child td {

  background: #fff3f3;

  color: #d62828;

  font-weight: 700;

  border-top: 2px solid #d62828;

}



/* ==========================================================================

   3) Radio inputs styling (platby)

   ========================================================================== */

/* Radio inputy pro platební metodu */

.wc_payment_method label {

    padding: 0.5em 1em;

    background: #f9f9f9;

    border-radius: 6px;

    display: block;

    margin-bottom: 0.5em;

    border: 1px solid #ccc;

}



input[type="radio"]:checked + label {

    border-color: #FFD014;

    background: #fff8dc;

}



/* ==========================================================================

   4) Place Order button styling

   ========================================================================== */

.woocommerce #place_order {

    background-color: #FFD014 !important;

    color: #000 !important;

    font-weight: bold;

    border-radius: 8px;

    padding: 1.3em 2em;

    transition: all 0.3s ease;

}

.woocommerce-checkout #place_order:hover {

  background-color: #FFCC00 !important;

}



/* ==========================================================================

   5) Produkt název v tabulce

   ========================================================================== */

.woocommerce form#order_review td.product-name {

  font-weight: 600;

  font-size: 1em; !important;

  color: #333;

  padding: 0.8em 0.8em !important;

  line-height: 1.4em;

}



/* JesenikyLove – Rozložení podle schématu + původní design */



body {

  font-family: 'Inter', sans-serif;

  background: #fffef9;

  color: #1f1f1f;

  line-height: 1.8;

  font-size: 1.1rem;

}



/* === HLAVNÍ GRID HEADERU === */

.bundle-header-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 2rem;

  align-items: flex-start;

  max-width: 1000px;

  margin: 2rem auto;

  padding: 0 1rem;

}



.bundle-header-img img {

  width: 100%;

  border-radius: 12px;

  box-shadow: 0 4px 16px rgba(0,0,0,0.06);

}



.bundle-header-info {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 1rem;

}

.bundle-title {

  font-size: 2.4rem;

  font-weight: 900;

  margin-bottom: 0.25rem;

}

.bundle-excerpt {

  font-size: 1.1rem;

  color: #444;

}

.bundle-header-prices .price-row {

  display: flex;

  justify-content: space-between;

  font-size: 1.1rem;

  border-bottom: 1px dashed #ddd;

  padding: 0.4rem 0;

}

.bundle-header-prices .value.sale {

  color: #dc2626;

  font-weight: 700;

  font-size: 1.3rem;

}



/* === GALERIE POD HLAVNÍM NÁHLEDEM === */

.bundle-header-img .bundle-gallery-swipe {

  display: flex;        /* vracíme inline galerii */

  margin-top: 1rem;     /* odsazení galerie od hlavního obrázku */

  overflow-x: auto;     /* horizontální scroll */

  scroll-snap-type: x mandatory;

  -ms-overflow-style: none;  /* IE/Edge – skrýt scrollbar */

  scrollbar-width: none;     /* Firefox – skrýt scrollbar */

}

.bundle-header-img .bundle-gallery-swipe::-webkit-scrollbar {

  display: none;        /* Chrome/Safari/Opera – skrýt scrollbar */

}



/* Kontejner miniatur jako 4 sloupce × 2 řádky */

.bundle-header-img .bundle-gallery-swipe {

  margin-top: 1rem;

  overflow: visible;         /* aby se nerozprostírala na šířku, ale zalamovala */

}



.bundle-header-img .bundle-gallery-swipe .swipe-gallery {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  grid-auto-rows: 100px;     /* výška řádku = 100px */

  gap: 1rem;                 /* mezera mezi buňkami */

  padding: 0;

  margin: 0;

  list-style: none;

}



/* Jednotlivé buňky miniatur */

.bundle-header-img .bundle-gallery-swipe .swipe-gallery li {

  width: 100%;

  height: 100%;

  background: #eee;

  border-radius: 6px;

  overflow: hidden;

  position: relative;

}



/* Obrázky v buňkách */

.bundle-header-img .bundle-gallery-swipe .swipe-gallery img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform .3s;

}

.bundle-header-img .bundle-gallery-swipe .swipe-gallery li:hover img {

  transform: scale(1.1);

}



/* Buňka “Další →” (pokud máte více než 8) */

.bundle-header-img .bundle-gallery-swipe .swipe-gallery li.gallery-next {

  background: rgba(0,0,0,0.1);

  display: flex;

  justify-content: center;

  align-items: center;

  font-weight: bold;

  cursor: pointer;

}

.bundle-header-img .bundle-gallery-swipe .swipe-gallery li.gallery-next:hover {

  background: rgba(0,0,0,0.2);

}







/* === LIGHTBOX PRO ROZKLIKNUTÍ === */

.jl-lightbox {

  position: fixed;

  inset: 0;

  display: none;

  background: rgba(0,0,0,0.8);

  align-items: center;

  justify-content: center;

  z-index: 10000;

}

.jl-lightbox.active {

  display: flex;

}

.jl-lb-content {

  position: relative;

  max-width: 90%;

  max-height: 90%;

}

.jl-lb-image {

  display: block;

  max-width: 100%;

  max-height: 100%;

  border-radius: 4px;

}

/* tlačítka */

.jl-lb-close,

.jl-lb-prev,

.jl-lb-next {

  position: absolute;

  background: #fff;

  border: none;

  font-size: 2rem;

  line-height: 1;

  padding: .5rem;

  cursor: pointer;

  z-index: 10001;

}

.jl-lb-close { top: -1rem; right: -1rem; border-radius: 50%; }

.jl-lb-prev  { top: 50%; left: -2rem; transform: translateY(-50%); }

.jl-lb-next  { top: 50%; right: -2rem; transform: translateY(-50%); }





/* === POLOŽKY OBSAHU === */

.bundle-yellow-box,

.bundle-green-box {

  max-width: 1000px;

  margin: 2rem auto;

  border-radius: 10px;

  padding: 2rem;

  box-shadow: 0 4px 12px rgba(0,0,0,0.05);

}



.bundle-yellow-box {

  background: #fffbe6;

  border-left: 6px solid #facc15;

}

.bundle-yellow-box h2 {

  color: #b45309;

  font-size: 1.6rem;

  margin-bottom: 1rem;

}

.bundle-yellow-box ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.bundle-yellow-box li {

  display: flex;

  justify-content: space-between;

  padding: 0.5rem 0;

  border-bottom: 1px dashed #fde68a;

  color: #374151;

}

.bundle-yellow-box li span {

  color: #6b7280;

}



/* === CENA CELKEM === */

.bundle-green-box {

  background: #ecfdf5;

  border-left: 6px solid #10b981;

  text-align: center;

}

.bundle-green-box .price-row {

  font-size: 1.2rem;

  font-weight: 600;

  color: #065f46;

  display: flex;

  justify-content: center;

  gap: 2rem;

  margin-bottom: 1rem;

}



/* === CTA BUTTON === */

.bundle-cta {

  text-align: center;

  margin-top: 2rem;

}

.bundle-cta .btn-primary {

  background: linear-gradient(to right, #fbbf24, #f59e0b);

  color: #111;

  padding: 0.75rem 2rem;

  border-radius: 6px;

  font-weight: 700;

  text-decoration: none;

  box-shadow: 0 3px 8px rgba(0,0,0,0.15);

  transition: all 0.2s ease;

  display: inline-block;

}

.bundle-cta .btn-primary:hover {

  background: linear-gradient(to right, #f59e0b, #d97706);

  transform: translateY(-2px);

}



@media (max-width: 768px) {

  .bundle-header-grid {

    grid-template-columns: 1fr;

  }

  .bundle-gallery-swipe {

    justify-content: center;

  }

  .swipe-gallery li {

    width: 60px;

    height: 60px;

  }

}





/* ————————— ARCHIV BALÍČKŮ ————————— */

.bundles-list {

  display: flex;

  flex-direction: column;

  gap: 2rem;

  margin: 2rem 0px;   /*0px odsazení zleva i zprava */

  padding: 0;

}



/* Jeden balíček na řádek na všech obrazovkách, flex-sloupec výše už stačí */



/* A pokud chcete pod 768px stejný styl – nic měnit nemusíte, flex-sloupec je OK */



/* ————————— KARTA BALÍČKU ————————— */

.bundles-list .bundle-card {

  display: flex;

  align-items: flex-start;

  gap: 1.5rem;

  padding: 1.5rem;

  border: 1px solid #eee;

  border-radius: 8px;

  background: #fff;

  box-shadow: 0 2px 8px rgba(0,0,0,0.05);

}



/* 1) Náhledová fotka */

.bundles-list .bundle-card .bundle-thumb {

  flex: 0 0 300px;

}

.bundles-list .bundle-card .bundle-thumb img {

  width: 100%;

  border-radius: 6px;

  height: 200px;

  object-fit: cover;

}



/* 2) Info vedle fotky */

.bundles-list .bundle-card .bundle-info {

  flex: 1;

  display: flex;

  flex-direction: column;

}



/* Titulek */

.bundles-list .bundle-card .bundle-info .bundle-title {

  font-size: 1.8rem;

  font-weight: 900;

  margin: 0 0 0.5rem;

}



/* Excerpt */

.bundles-list .bundle-card .bundle-info .bundle-excerpt {

  font-size: 1rem;

  color: #444;

  margin: 0 0 1rem;

}



/* Ceny */

.bundles-list .bundle-card .bundle-info .bundle-prices {

  display: flex;

  align-items: center;

  gap: 1.5rem;

  margin-bottom: 1.5rem;

}

.bundles-list .bundle-card .bundle-info .bundle-prices .regular {

  text-decoration: line-through;

  color: #888;

}

.bundles-list .bundle-card .bundle-info .bundle-prices .sale {

  color: #dc2626;

  font-size: 1.3rem;

  font-weight: 700;

}



/* Tlačítko detail */

.bundles-list .bundle-card .bundle-info .btn-detail {

  align-self: flex-start;

  background: linear-gradient(to right, #fbbf24, #f59e0b);

  color: #111;

  padding: 0.6rem 1.5rem;

  border-radius: 6px;

  text-decoration: none;

  font-weight: 700;

  transition: transform .2s, background .2s;

}

.bundles-list .bundle-card .bundle-info .btn-detail:hover {

  background: linear-gradient(to right, #f59e0b, #d97706);

  transform: translateY(-2px);

}





/* —————— Archiv balíčků — odsazení jen 5px od krajů —————— */

.bundles-list {

  margin: 2rem 0;        /* vrchní/spodní mezera */

  padding: 0 0px !important;  /* zleva/zprava jen 5px */

}



/* ————————— Archive /balicky: inline rozbalovací detail ————————— */

.bundle-card {

  border: 1px solid #eee;

  border-radius: 8px;

  background: #fff;

  overflow: hidden;

  margin-bottom: 2rem;

  transition: box-shadow .2s;

}

.bundle-card:hover {

  box-shadow: 0 4px 12px rgba(0,0,0,0.08);

}

.bundle-full-detail {

  padding: 2rem 1.5rem;

  background: #fafafa;

  border-top: 1px solid #ddd;

}



/* tlačítko */

.toggle-detail {

  display: inline-block;

  background: linear-gradient(to right,#fbbf24,#f59e0b);

  color: #111;

  padding: .6rem 1.5rem;

  border: none;

  border-radius: 6px;

  font-weight: 700;

  cursor: pointer;

  transition: background .2s, transform .2s;

}

.toggle-detail:hover {

  background: linear-gradient(to right,#f59e0b,#d97706);

  transform: translateY(-1px);

}





/* RESPONZIVNÍ (mobilní) */

@media (max-width: 768px) {

  .bundles-list .bundle-card {

    flex-direction: column;

  }

  .bundles-list .bundle-card .bundle-thumb {

    width: 100%;

    margin-bottom: 1rem;

  }

  .bundles-list .bundle-card .bundle-info .btn-detail {

    align-self: center;

  }

}

/* ✅ Reset šířky wrapperu Astra */

.ast-container {

  max-width: 1200px !important;

  padding-left: 2rem !important;

  padding-right: 2rem !important;

  margin-left: auto !important;

  margin-right: auto !important;

}



.container {

  max-width: 1200px;

  padding: 0 16px;

  margin: 0 auto;

}

/* 📱 Mobilní oprava šířky wrapperu */

@media (max-width: 768px) {

  .ast-container,

  .container {

    max-width: 100% !important;

    padding-left: 16px !important;

    padding-right: 16px !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

  }

}



.container {

  width: 100%;

  max-width: 1200px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1rem;

  padding-right: 1rem;

}



@media (max-width: 768px) {

  .container {

    padding-left: 1rem;

    padding-right: 1rem;

  }

}