/* DCS Dog Paw — WooCommerce brand styling (shop / product / cart / checkout / account).
   A design-tokenek a style.css :root-jabol jonnek (--lime/--forest/--cream/--btn/--btn-orange). */

.woo-main{background:var(--cream);padding:52px 0 70px;min-height:60vh}
.woo-main a{color:inherit}

/* ── Shop header ── */
.woocommerce-products-header{margin-bottom:8px}
.woocommerce-products-header__title,.woo-main h1.page-title{font-size:40px;font-weight:900;color:#1a2a12;letter-spacing:-.5px}
.woocommerce-result-count{color:#5c6b4e;font-size:14px;margin:6px 0 22px;display:inline-block}
.woocommerce-ordering{float:right}
.woocommerce-ordering select{font-family:inherit;font-size:14px;padding:10px 14px;border:1px solid #dfe4cf;border-radius:8px;background:#fff;color:#33471f}

/* ── Product grid (shop + related) ── */
.woo-main ul.products,.related ul.products,ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
/* WC-core clearfix ::before/::after grid-item lenne display:grid-nel -> phantom elso cella. Semlegesitjuk. */
ul.products::before,ul.products::after,.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
ul.products li.product{margin:0;width:auto;float:none}
ul.products li.product.pcard{background:#fff;border-radius:16px;padding:22px;text-align:center;box-shadow:0 2px 14px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center}
li.product.pcard .pcard-link{display:block;width:100%}
li.product.pcard .ph{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
li.product.pcard .ph img{max-height:190px;width:auto;margin:0 auto}
li.product.pcard h3,li.product.pcard .woocommerce-loop-product__title{font-size:16px;color:#1a1a1a;font-weight:700;margin:6px 0 10px;line-height:1.25;padding:0}
li.product.pcard .price{color:#20430f;font-weight:800;font-size:16px;margin-bottom:12px}
li.product.pcard .pcard-desc{font-size:13px;color:#555;line-height:1.5;margin-bottom:16px}
li.product.pcard .pcard-btn,li.product.pcard .button{margin-top:auto;background:var(--forest);color:#fff;font-weight:700;font-size:14px;padding:10px 30px;border-radius:40px;border:none}
li.product.pcard .pcard-btn:hover,li.product.pcard .button:hover{filter:brightness(1.1)}
/* Shop-nezetben kompakt kartya (nincs leiras); a related-nel latszik */
body.woocommerce-page:not(.single-product) li.product.pcard .pcard-desc{display:none}

/* Pagination */
.woocommerce-pagination{margin-top:34px;text-align:center}
.woocommerce-pagination ul{display:inline-flex;gap:8px;list-style:none;border:none}
.woocommerce-pagination ul li{border:none}
.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:50%;background:#fff;color:#33471f;font-weight:700;border:1px solid #e2e8d0}
.woocommerce-pagination .page-numbers.current{background:var(--lime);color:#1a2a12;border-color:var(--lime)}

/* ── Single product ── */
/* Flexbox-wrap: CSAK a galeria + summary all egymas mellett (52/44%); MINDEN mas kozvetlen
   gyerek (related/benefits/tabs/up-sells) 100% szeles kulon sorban. !important + body-prefix,
   mert a WC-core (.woocommerce ul.products li.product{width:22.05%;float:left}) + WPBakery
   (js_composer meg aktiv) magasabb specificitasu szabalyai kulonben osszenyomjak a kartyakat. */
body.single-product div.product{display:flex!important;flex-wrap:wrap;gap:48px;align-items:flex-start}
body.single-product div.product>.woocommerce-product-gallery{flex:0 0 52%!important;max-width:52%;margin:0}
body.single-product div.product>.summary{flex:0 0 44%!important;max-width:44%;margin:0;width:auto!important}
body.single-product div.product>*:not(.woocommerce-product-gallery):not(.summary){flex:0 0 100%!important;width:100%!important;max-width:100%!important;float:none!important}
/* Related/Discover kartyak: grid, NEM a WC-core float+22% */
body.single-product .related.products ul.products,
body.single-product .up-sells.products ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:26px;float:none}
body.single-product ul.products li.product{width:auto!important;float:none!important;margin:0!important}
.single-product .woocommerce-product-gallery img{border-radius:14px}
/* SAJAT termek-galeria (product-image.php override): thumbnail-strip bal + fo kep jobb (ref 05) */
.dcsdp-gallery{display:flex;gap:16px;align-items:flex-start}
.dcsdp-gallery .dg-thumbs{display:flex;flex-direction:column;gap:12px;flex:0 0 76px}
.dcsdp-gallery .dg-thumb{border:1px solid #e2e8d0;border-radius:10px;background:#fff;padding:5px;cursor:pointer;width:76px;height:76px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.2s}
.dcsdp-gallery .dg-thumb.active{border-color:var(--accent);border-width:2px}
.dcsdp-gallery .dg-thumb:hover{border-color:var(--accent)}
.dcsdp-gallery .dg-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0}
.dcsdp-gallery .dg-main{flex:1;border-radius:14px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;min-height:360px}
.dcsdp-gallery .dg-main img{max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;border-radius:14px}
@media(max-width:560px){
  .dcsdp-gallery{flex-direction:column-reverse}
  .dcsdp-gallery .dg-thumbs{flex-direction:row;flex:none;flex-wrap:wrap}
}
.single-product .summary{margin:0}
.single-product .product_title{font-size:34px;font-weight:900;color:#1a2a12;line-height:1.1;margin-bottom:14px}
.single-product .woocommerce-product-details__short-description{font-size:15px;color:#3a3a3a;line-height:1.6;margin-bottom:18px}
.single-product .woocommerce-product-details__short-description b,.single-product .woocommerce-product-details__short-description strong{font-weight:800;color:#1a2a12}
.single-product .price{color:#20430f;font-weight:900;font-size:26px;margin-bottom:18px}
.single-product .price del{color:#9aa88b;font-weight:600;margin-right:8px}
.single-product form.cart{display:flex;gap:12px;align-items:center;margin:18px 0 24px}
.single-product .quantity input.qty{width:70px;padding:12px;border:1px solid #dfe4cf;border-radius:8px;font-family:inherit;text-align:center}
.single-product button.single_add_to_cart_button,.woocommerce #respond input#submit,.single-product .single_add_to_cart_button{background:var(--btn-orange)!important;color:#fff!important;font-weight:800;font-size:16px;padding:14px 34px;border-radius:40px;border:none;text-transform:none;letter-spacing:0}
.single-product button.single_add_to_cart_button:hover{filter:brightness(1.05)}
.single-product .product_meta{font-size:13px;color:#7c8a6c;margin-top:8px}
/* Leiras a jobb hasabban (ref 05: a tab helyett) */
.single-product .summary .pd-desc{font-size:15px;color:#3a3a3a;line-height:1.7;margin-top:20px}
.single-product .summary .pd-desc h2,.single-product .summary .pd-desc h3,.single-product .summary .pd-desc h4{color:#1a2a12;font-weight:800;margin:16px 0 8px;font-size:17px}
.single-product .summary .pd-desc p{margin-bottom:12px}
.single-product .summary .pd-desc ul{margin:0 0 12px 20px}
/* Description accordions / tabs -> lime-kereten belul, tiszta */
.woocommerce-tabs .tabs{list-style:none;display:flex;gap:8px;flex-wrap:wrap;border:none;margin:26px 0 0;padding:0}
.woocommerce-tabs .tabs li{background:#eef3df;border-radius:40px;border:none}
.woocommerce-tabs .tabs li a{color:#33471f;font-weight:700;padding:8px 18px}
.woocommerce-tabs .tabs li.active{background:var(--lime)}
.woocommerce-tabs .panel{padding-top:18px;color:#3a3a3a;line-height:1.7}
.related.products>h2,.up-sells>h2{text-align:center;font-size:34px;font-weight:900;color:#1a2a12;margin:56px 0 30px}
/* Related/Discover: 4 oszlop a ref 05 szerint */
.single-product .related ul.products,.single-product .up-sells ul.products{grid-template-columns:repeat(4,1fr)}
/* Related/upsell kartyak a fooldali stilusra: lime gomb + leiras latszik (mint az elo 'View') */
.single-product .related li.product.pcard .pcard-btn,.single-product .up-sells li.product.pcard .pcard-btn{background:var(--btn);color:#1a2a12}
.single-product .related li.product.pcard .pcard-desc{display:block}

/* ── Cart ── */
.woocommerce-cart .woo-main{padding-top:40px}
.woocommerce table.shop_table{border:none;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.woocommerce table.shop_table th{background:var(--forest);color:#fff;font-weight:700;padding:16px;border:none}
.woocommerce table.shop_table td{padding:16px;border-top:1px solid #f0f3e6;vertical-align:middle}
.woocommerce table.shop_table .product-thumbnail img{width:72px;border-radius:10px}
.woocommerce .cart-collaterals .cart_totals h2{font-size:22px;font-weight:800;color:#1a2a12;margin-bottom:12px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--btn);color:#1a2a12;font-weight:700;padding:12px 26px;border-radius:40px;border:none;transition:.2s}
.woocommerce a.button:hover,.woocommerce button.button:hover{filter:brightness(1.05)}
.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-proceed-to-checkout a.checkout-button{background:var(--btn-orange)!important;color:#fff!important}
.woocommerce .coupon input.input-text{padding:12px 14px;border:1px solid #dfe4cf;border-radius:8px}
.woocommerce .cart-collaterals .cart_totals{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 14px rgba(0,0,0,.05)}

/* ── Checkout ── */
.woocommerce-checkout h3{font-size:22px;font-weight:800;color:#1a2a12;margin-bottom:14px}
.woocommerce form .form-row label{font-weight:600;color:#33471f;font-size:14px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection{padding:13px 15px;border:1px solid #dfe4cf;border-radius:8px;font-family:inherit;font-size:14px;background:#fff}
.woocommerce-checkout #payment{background:#fff;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #f0f3e6}
#order_review .shop_table,#order_review_heading{margin-top:0}
.woocommerce #payment #place_order,.woocommerce-checkout button#place_order{background:var(--btn-orange)!important;color:#fff!important;font-weight:800;font-size:16px;padding:15px 34px;border-radius:40px;width:100%}

/* ── My account ── */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-radius:10px;color:#33471f;font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--lime);color:#1a2a12}
.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border-radius:14px;padding:28px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.woocommerce-account:not(.logged-in) .woo-main .col2-set,.woocommerce .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.woocommerce form.login,.woocommerce form.register{border:1px solid #e2e8d0;border-radius:14px;padding:26px;background:#fff}

/* ── Block-alapu kosar/penztar (wc-blocks) brand-igazitas (konzervativ: fo gombok + kontener) ── */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:1200px;margin-left:auto;margin-right:auto}
.wc-block-components-button.contained,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
	background:var(--btn-orange)!important;color:#fff!important;border-radius:40px!important;font-weight:800!important
}
.wc-block-components-button.contained:hover{filter:brightness(1.05)}
.wc-block-cart__totals-title,.wc-block-components-title,.wc-block-checkout__main-title{color:#1a2a12}
.wc-block-components-totals-item__value,.wc-block-formatted-money-amount{color:#20430f;font-weight:800}
.wc-block-components-text-input input,.wc-block-components-select .components-form-token-field__input,.wc-block-checkout input.wc-block-components-text-input{border-radius:8px}

/* ── Notices ── */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--accent);border-radius:8px;background:#f4f8e6}
.woocommerce-message:before,.woocommerce-info:before{color:var(--accent)}

@media(max-width:900px){
  .woo-main ul.products,.related ul.products,ul.products,.single-product .related ul.products,.single-product .up-sells ul.products{grid-template-columns:1fr 1fr}
  .single-product div.product{gap:26px}
  .single-product div.product>.woocommerce-product-gallery,.single-product div.product>.summary{flex:0 0 100%;max-width:100%}
  .woocommerce .col2-set{grid-template-columns:1fr}
  .woocommerce-ordering{float:none;margin-bottom:16px}
}
@media(max-width:560px){
  .woo-main ul.products,ul.products{grid-template-columns:1fr}
}

/* === #8 (Szabi/hades 2026-09-24): kosar-oldal 'Tovabb a penztarhoz' CTA alatt tul nagy ures
   krem-terulet mobilon. Ok: .woo-main min-height:60vh a rovid (1-tetel) kosarnal nagy ures teret
   kenyszeritett a CTA ala. Fix: cart-oldalon mobilon min-height:auto + kisebb also padding. */
@media(max-width:600px){
  .woocommerce-cart .woo-main{min-height:auto;padding-bottom:24px}
}

/* ============================================================================
   SHOP-ARCHIVUM brand-native 3-savos elrendezes (Szabi 2026-09-24)
   A woocommerce.php rendereli a shop/product-taxonomy nezeten:
     .shop-hero      = KREM sav ("Shop" cim sotetzold + eredmenyszamlalo + rendezes)
     .shop-grid-band = ZOLD+minta sav (PONTOSAN a fooldal .products zoldje+mintaja) -> termek-racs
     .shop-foot      = KREM sav (lapozas)
   (A .woo-main-es default layout tovabbra is a single-product/cart/checkout/account nezete.)
   ============================================================================ */

/* 1) Krem fejlec-sav (#7 header-krem) + sotetzold cim (#8, mint 'Have a Question?') */
/* VAR1 (Szabi valasztotta 2026-09-24): FINOM vilagos zold-minta textura a krem savon
   (a termek-sav mintaja halvany valtozatban) -> textura-melyseg, nagyon visszafogott.
   A minta-webp opacity:.12 a ::before-on; a tartalom (.wrap) folotte (z-index). */
.shop-hero{background:#fbfbe7;padding:44px 0 26px;position:relative}
.shop-hero::before{content:"";position:absolute;inset:0;background:url('img/products-bg-scaled.webp') center top/cover no-repeat;opacity:.12;pointer-events:none}
.shop-hero>.wrap{position:relative;z-index:1}
.shop-hero .woocommerce-notices-wrapper:empty{display:none}
.shop-title{font-size:40px;font-weight:900;color:var(--contact-green);letter-spacing:-.5px;margin:0}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px}
.shop-toolbar .woocommerce-result-count{margin:0;color:#5c6b4e;font-size:14px}
.shop-toolbar .woocommerce-ordering{float:none;margin:0}
.shop-toolbar .woocommerce-ordering select{font-family:inherit;font-size:14px;padding:10px 14px;border:1px solid #dfe4cf;border-radius:8px;background:#fff;color:#33471f}

/* shop-fill (Szabi 2026-09-24): a shop-hero uresebb tetejet toltik.
   Sorrend: cim -> bevezeto -> kategoria-chipek -> bizalmi badge-sor -> toolbar. */
.shop-intro{margin:10px 0 0;color:#4a5a3a;font-size:16px;line-height:1.55;max-width:660px}
.shop-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.shop-chip{display:inline-block;background:#fff;color:var(--forest);font-weight:700;font-size:14px;padding:9px 20px;border-radius:40px;border:1px solid #e2e8d0;transition:.18s}
.shop-chip:hover{background:var(--lime);border-color:var(--lime);color:var(--forest)}
.shop-chip.active{background:var(--forest);border-color:var(--forest);color:#fff}
.shop-badges{margin:22px 0 0}
.shop-badges img{height:auto;max-height:58px;width:auto;max-width:100%}
.shop-hero .shop-toolbar{margin-top:22px;border-top:1px solid #ece6c9;padding-top:16px}

/* 2) Zold+minta termek-sav (#4). A fuggoleges padding == a racs sor-gap-je (#3: egyenletes
   koztes-hely az elso/utolso sor es a sav szele kozott is). */
/* A minta-webp maga savas-zold (#b5dd07); egy attetszo #d6e24e (fooldal-zold) reteg
   ra -> a DOMINANS szin a fooldal vilagos-zoldje, a finom minta megmarad alatta (Szabi #4). */
.shop-grid-band{background-color:var(--lime-bg);background-image:linear-gradient(rgba(214,226,78,.9),rgba(214,226,78,.9)),url('img/products-bg-scaled.webp');background-position:center top;background-size:cover;background-repeat:no-repeat;padding:36px 0}
/* A WC-loop <ul class="products"> osztalya 'products' -> a fooldal .products{background:webp}
   (style.css) rea is illik es savas webp-et festene overlay NELKUL. Semlegesitjuk: a hatteret
   a .shop-grid-band adja (lagy overlay), az ul legyen atlatszo. */
.shop-grid-band ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;background:none}
.shop-grid-band ul.products::before,.shop-grid-band ul.products::after{content:none!important;display:none!important}
/* minmax(0,1fr) + min-width:0 + cim-tordeles: a hosszu DE termek-cimek (pl. 'Unterstutzung')
   min-content szelessege KULONBEN tulnyomja az oszlopot -> jobb oszlop kilog a viewportbol (Szabi/hades DE-bug 2026-09-24). */
.shop-grid-band li.product{margin:0;width:auto;float:none;min-width:0}
.shop-grid-band li.product.pcard h3,.shop-grid-band li.product.pcard .woocommerce-loop-product__title{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}

/* Esztetika #4 (Szabi 2026-09-24): FINOM karrtya-arnyek a shop/kategoria termek-kartyakon
   (a zold savon levo feher kartyak) -> melyseg/premium erzet. Magasabb specificitas a base
   'box-shadow:0 2px 14px rgba(0,0,0,.05)' (sor 19) fole. CSAK arnyek+transition -> a hatter/
   meret/grid VALTOZATLAN (layout stabil: 474, nincs overflow). Hover-lift (opcionalis, finom). */
.shop-grid-band ul.products li.product.pcard{box-shadow:0 10px 28px rgba(0,0,0,.12);transition:transform .2s ease, box-shadow .2s ease}
.shop-grid-band ul.products li.product.pcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.16)}

/* 3) Krem lapozas-sav (#9). Csak akkor renderelodik ha van tobb oldal (woocommerce.php guard). */
.shop-foot{background:#fbfbe7;padding:26px 0 44px}
.shop-foot .woocommerce-pagination{margin:0}

/* Termek-kartya AR (a 'Read more' CTA helyen) (#5) */
li.product.pcard .pcard-price{margin-top:auto;font-weight:800;font-size:18px;color:#20430f;padding-top:10px}
li.product.pcard .pcard-price del{color:#9aa88b;font-weight:600;margin-right:6px}
li.product.pcard .pcard-price ins{text-decoration:none}

/* Reszponziv (#1 + korrekcio): MOBIL=2 oszlop szimmetrikus margoval; TABLET/DESKTOP=3 (Szabi: 3-4 ha jol elfer).
   A sav-padding minden bontasban == a racs gap-je (#3 egyenletes vertical spacing). */
@media(max-width:900px){
  .shop-grid-band{padding:24px 0}
  .shop-grid-band ul.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
@media(max-width:600px){
  .shop-hero{padding:30px 0 18px}
  .shop-title{font-size:30px}
  .shop-intro{font-size:14px;margin-top:8px}
  .shop-chips{gap:8px;margin-top:16px}
  .shop-chip{font-size:13px;padding:8px 15px}
  .shop-badges{margin-top:18px}
  .shop-badges img{max-height:44px}
  .shop-hero .shop-toolbar{margin-top:18px;padding-top:14px}
  .shop-grid-band{padding:16px 0}
  .shop-grid-band ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .shop-foot{padding:18px 0 30px}
}