/* Virág Kerényi – egyedi CSS a London témához (Megjelenés > Téma testreszabása > Sablon CSS)
   FIGYELEM: a ShopRenter mentéskor a teljes mezőt felülírja, és a szerkesztő üresen töltődik be.
   Mindig ezt a teljes fájlt kell beilleszteni. Utolsó módosítás: 2026-11-08 (Claude, kategórianevek nagybetűvel) */

/* Banner szöveg olvashatóság */
.banner-item__title,
.banner-item__desc,
.banner-item__eyebrow {
  color: #ffffff !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
}
.banner-item__title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Gombok – vékony, DeMellier-stílus */
.btn.btn-primary,
.btn.btn-secondary:not(.dropdown-toggle):not(.nanobar-close-button):not(.header-hamburger-button):not(.swiper-button) {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 12px 24px !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background-color .2s, color .2s, border-color .2s;
}
.btn.btn-primary { background: #000 !important; color: #fff !important; border: 1px solid #000 !important; }
.btn.btn-primary:hover { background: #fff !important; color: #000 !important; }
.btn.btn-secondary:not(.dropdown-toggle):not(.nanobar-close-button):not(.header-hamburger-button):not(.swiper-button):not(.banner-item__button-btn) {
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.btn.btn-secondary:not(.dropdown-toggle):not(.nanobar-close-button):not(.header-hamburger-button):not(.swiper-button):not(.banner-item__button-btn):hover {
  background: #000 !important;
  color: #fff !important;
}
.btn.button-add-to-cart { padding: 15px 48px !important; }
.banner-item__button-btn.btn { background: #fff !important; color: #000 !important; border: 1px solid #fff !important; }
.banner-item__button-btn.btn:hover { background: transparent !important; color: #fff !important; }

/* Vékony címsorok, mint az "A tervezőről" modulban (Ben, 2026-10-30) */
h1, .h1, h2, .module-head-title, .page-head-title, .product-page-product-name, .banner-item__title {
  font-weight: 300 !important;
  letter-spacing: .02em !important;
}

/* Kategóriaoldal: asztali nézetben max. 4 termék egy sorban (Ben, 2026-10-30); mobil marad a sablon szerint */
@media (min-width: 992px) {
  .product-list .product-snapshot-vertical { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* Termékkártyák: RÉSZLETEK gomb elrejtve, KOSÁRBA körvonalas (Ben, 2026-10-30) */
.product-card .product-card__details { display: none !important; }
.product-card .btn.btn-primary.button-add-to-cart { background: transparent !important; color: #000 !important; border: 1px solid #000 !important; padding: 12px 24px !important; }
.product-card .btn.btn-primary.button-add-to-cart:hover { background: #000 !important; color: #fff !important; }

/* Köszönőoldal (checkout/success) – Claude, 2026-11-05 v2. A ShopRenter kiszedi a class-okat a szövegekből, ezért szerkezet alapján célzunk: a lista, amelyben ol > li > b van. */
ul:has(ol > li > b) { list-style:none !important; padding-left:0 !important; margin-left:0 !important; max-width:760px; }
ul:has(ol > li > b) > li { display:block !important; padding-left:0 !important; margin:0 !important; border:0 !important; background:none !important; }
ul:has(ol > li > b) > li::before, ul:has(ol > li > b) > li::marker { content:none !important; display:none !important; }
ul:has(ol > li > b) > li svg, ul:has(ol > li > b) > li img, ul:has(ol > li > b) > li > i, ul:has(ol > li > b) > li [class*="icon"], ul:has(ol > li > b) > li [class*="check"] { display:none !important; }
ul:has(ol > li > b) > li > *, ul:has(ol > li > b) > li > * > * { margin-left:0 !important; padding-left:0 !important; }
ul:has(ol > li > b) > li > :not(svg):not(i) { display:block !important; }
ul:has(ol > li > b) p { font-size:13px; line-height:1.7; color:#333; margin:0 0 6px; }
ul:has(ol > li > b) a { color:#000 !important; font-weight:500; text-decoration:underline !important; text-decoration-thickness:1px; text-underline-offset:3px; }
ul:has(ol > li > b) a:hover { color:#6b6b6b !important; }
ul:has(ol > li > b) small { display:block; font-size:11px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:#6b6b6b; }
ul:has(ol > li > b) > li:first-child p:first-child { margin:8px 0 14px; }
ul:has(ol > li > b) > li:first-child p:nth-child(2) { font-size:16px; line-height:1.65; color:#000; max-width:560px; margin:0 0 48px; }
ul:has(ol > li > b) ol { list-style:none !important; counter-reset:vkstep; margin:0 0 48px !important; padding:0 !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #000; }
ul:has(ol > li > b) ol > li { counter-increment:vkstep; list-style:none !important; display:block !important; padding:20px 24px 0 0 !important; margin:0 !important; font-size:13px; line-height:1.6; color:#333; }
ul:has(ol > li > b) ol > li::before { content:"0" counter(vkstep) !important; display:block !important; font-size:11px; letter-spacing:.14em; color:#6b6b6b; margin-bottom:10px; }
ul:has(ol > li > b) ol b { display:block; font-weight:500; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#000; margin-bottom:6px; }
ul:has(ol > li > b) > li:last-child p { font-size:15px; font-weight:300; color:#000; margin:40px 0 8px; padding-top:28px; border-top:1px solid #e4e4e2; }
ul:has(ol > li > b) > li:last-child small { margin-top:6px; }
@media (max-width:767px){
  ul:has(ol > li > b) ol { grid-template-columns:1fr; border-top:0; }
  ul:has(ol > li > b) ol > li { padding:18px 0 !important; border-top:1px solid #000; }
  ul:has(ol > li > b) > li:first-child p:nth-child(2) { margin-bottom:32px; }
}

/* Kategóriaoldal modell-csempék – "Editorial" (4-es opció, Ben 2026-11-08). Kampányfotó a Táskák oldalon: Egyedi scriptek (body) teszi be a .vk-cat-hero elemet. */
.subcategory__card { position: relative; display: block !important; background: #fff !important; border: 1px solid #e2e2df !important; border-radius: 0 !important; box-shadow: none !important; aspect-ratio: 4/5; overflow: hidden; text-decoration: none !important; padding: 0 !important; }
.subcategory__image { position: absolute !important; inset: 0 0 16% 0; display: block !important; width: auto !important; height: auto !important; background: #fff !important; padding: 7% 7% 0; }
.subcategory__card-image { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; transition: opacity .25s; }
.subcategory__card:hover .subcategory__card-image { opacity: .85; }
.subcategory-list__item { padding: 0 !important; }
.subcategory__link { position: absolute !important; left: 14px; right: 14px; bottom: 12px; top: auto !important; height: auto !important; display: flex !important; justify-content: space-between !important; align-items: center; background: transparent !important; color: #000 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; min-height: 0 !important; text-align: left !important; white-space: nowrap; overflow: hidden; }
.subcategory__link::after { content: "\2192"; font-weight: 400; margin-left: 8px; transition: transform .25s; }
.subcategory__card:hover .subcategory__link::after { transform: translateX(4px); }
.subcategory-wrapper.vk-ed { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, 4fr); gap: 14px; align-items: stretch; }
.subcategory-wrapper.vk-ed > .subcategory { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; }
.subcategory-wrapper.vk-ed > .swiper-controls { grid-column: 1 / -1; }
.vk-cat-hero { grid-column: 1; grid-row: 1; position: relative; display: block; overflow: hidden; background: #e2dbd0; min-height: 100%; text-decoration: none !important; }
.vk-cat-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform .6s; }
.vk-cat-hero:hover img { transform: scale(1.03); }
.vk-cat-hero span { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px; display: grid; gap: 4px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.45)); }
.vk-cat-hero small { font-size: 11px; letter-spacing: .16em; }
.vk-cat-hero b { font-weight: 300; font-size: 30px; letter-spacing: .02em; line-height: 1.15; }
.vk-cat-hero u { text-decoration: none; justify-self: start; font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 3px; margin-top: 6px; }
@media (max-width: 767px) {
  .subcategory-wrapper.vk-ed { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .subcategory-wrapper.vk-ed > .subcategory { grid-column: 1; grid-row: 2; }
  .vk-cat-hero { aspect-ratio: 16/10; min-height: 0; }
  .vk-cat-hero b { font-size: 24px; }
  .subcategory__link { font-size: 11px !important; left: 10px; right: 10px; bottom: 9px; }
}

/* Kategórianevek végig nagybetűvel (Virág kérése, 2026-11-08): kategóriaoldal címe, morzsamenü kategóriái, mobil menü */
.category-list-body .page-head-title { text-transform: uppercase !important; }
.category-list-body .breadcrumb-item:not(:first-child),
.product-page-body .breadcrumb-item:not(:first-child):not(:last-child),
.mobile-category__link { text-transform: uppercase !important; }