/* Atölye LAL V5 — 29 Ekim 2026. Appearance only; catalog data stays native. */
:root {
  --lal-paper: #f7f3ed;
  --lal-paper-deep: #eee6dc;
  --lal-ink: #302422;
  --lal-muted: #6e5957;
  --lal-wine: #642332;
  --lal-wine-dark: #4a1825;
  --lal-gold: #dcc5a4;
  --lal-line: #d9cbbf;
  --lal-kolye: url('/dosya/lal-v5-kolye-buyuk.jpg');
  --lal-kupe: url('/dosya/lal-v5-kupe-buyuk.jpg');
  --lal-yuzuk: url('/dosya/lal-v5-yuzuk-buyuk.jpg');
}
html body, body.current-page-default-entry {
  background: var(--lal-paper) !important;
  color: var(--lal-ink);
  border-color: var(--lal-paper) !important;
}
#header { background: var(--lal-paper) !important; color: var(--lal-ink); }
#header a { color: var(--lal-ink); }
#header a:hover { color: var(--lal-wine); }
#header .logo img { mix-blend-mode: multiply; }
#header [data-selector='first-level-navigation'] > a { font-weight: 400 !important; }
body.current-page-default-entry #main { background: var(--lal-paper) !important; }
body.current-page-default-entry .theme-slider { margin-bottom: 52px; }
body.current-page-default-entry .theme-slider-item.content {
  min-height: 520px;
  display: flex !important;
  align-items: center;
  background: #5a1f2e !important;
  overflow: hidden;
}
body.current-page-default-entry .theme-slider-item.content > a { width: 100%; }
body.current-page-default-entry .theme-slider-item.content::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0 0 0 auto;
  width: 52%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
body.current-page-default-entry .theme-slider-8::before { background-image: var(--lal-kolye); }
body.current-page-default-entry .theme-slider-9::before { background-image: var(--lal-kupe); background-position: 62% center; }
body.current-page-default-entry .theme-slider-10::before { background-image: var(--lal-yuzuk); }
body.current-page-default-entry .theme-slider-9 { background-color: #602b35 !important; }
body.current-page-default-entry .theme-slider-10 { background-color: #4d202b !important; }
body.current-page-default-entry .theme-slider-content { position: relative; z-index: 1; width: 100%; padding: 64px !important; }
body.current-page-default-entry .theme-slider-content > .container { width: 100%; max-width: none; padding: 0; }
body.current-page-default-entry .theme-slider-content .row > [class*='col'] { flex: 0 0 48%; max-width: 48%; }
body.current-page-default-entry .theme-slider-texts-wrapper { padding: 0 !important; text-align: left !important; }
body.current-page-default-entry .theme-slider-texts-wrapper::before {
  display: block;
  content: 'ATÖLYE LAL · KIŞ SEÇKİSİ';
  font: 500 11px/1.5 'Work Sans', sans-serif;
  letter-spacing: .16em;
  color: var(--lal-gold);
  margin-bottom: 24px;
}
body.current-page-default-entry .theme-slider-title {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 58px !important;
  max-width: 420px;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em;
  margin: 0 0 20px !important;
  text-shadow: none !important;
  color: var(--lal-paper) !important;
}
body.current-page-default-entry .theme-slider-sub-title {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.75 !important;
  max-width: 340px;
  margin-bottom: 28px !important;
  text-shadow: none !important;
  color: #eee3dc !important;
}
body.current-page-default-entry .theme-slider-button :is(button, .lal-cta) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 166px;
  min-height: 48px;
  padding: 0 24px !important;
  border: 1px solid var(--lal-paper) !important;
  border-radius: 0 !important;
  background: var(--lal-paper) !important;
  color: var(--lal-wine-dark) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .035em;
}
body.current-page-default-entry .theme-slider a:hover .lal-cta,
body.current-page-default-entry .theme-slider-button button:hover { background: var(--lal-gold) !important; border-color: var(--lal-gold) !important; }
body.current-page-default-entry .theme-slider .slick-arrow {
  width: 44px;
  height: 44px;
  margin-top: -22px;
  font-size: 20px;
  background: rgba(74,24,37,.88);
  color: var(--lal-paper) !important;
  border: 1px solid rgba(247,243,237,.5);
}
body.current-page-default-entry .theme-slider .slick-arrow i { color: inherit !important; }
body.current-page-default-entry .theme-slider .slick-prev { left: 12px; }
body.current-page-default-entry .theme-slider .slick-next { right: 12px; }
body.current-page-default-entry .theme-slider .slick-dots { bottom: 6px; justify-content: flex-start; padding-left: 44px; gap: 0; }
body.current-page-default-entry .theme-slider .slick-dots li { width: 44px; height: 44px; margin: 0; }
body.current-page-default-entry .theme-slider .slick-dots li button {
  position: relative;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 0;
  color: transparent;
  border: 0;
  background: transparent !important;
}
body.current-page-default-entry .theme-slider .slick-dots li button::before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: #b89793;
  opacity: 1;
}
body.current-page-default-entry .theme-slider .slick-dots li.slick-active button::before { background: var(--lal-gold); }
body.current-page-default-entry .col-lg-3 > .theme-banner { margin-bottom: 32px; }
body.current-page-default-entry .col-lg-3 .theme-banner-image { aspect-ratio: 4/5; overflow: hidden; background: var(--lal-paper-deep); }
body.current-page-default-entry .col-lg-3 .theme-banner-image img { width: 100%; height: 100%; object-fit: cover; }
body.current-page-default-entry .col-lg-3 .theme-banner-title { padding-top: 16px; }
body.current-page-default-entry .col-lg-3 .theme-banner-title span { font-weight: 400 !important; letter-spacing: .055em; color: var(--lal-ink) !important; }
body.current-page-default-entry .products-header { margin-top: 24px; margin-bottom: 28px; }
body.current-page-default-entry .products-header > :is(span,h2) { font: 400 36px/1.3 Georgia, 'Times New Roman', serif; color: var(--lal-ink) !important; margin: 0; }
body.current-page-default-entry .showcase-content { background: var(--lal-paper); padding: 18px 12px; }
body.current-page-default-entry :is(.showcase-title a,.showcase-price-new) { color: var(--lal-ink) !important; }
#footer .footer-row-1 { background: var(--lal-wine-dark) !important; }
#footer .newsletter-title, #footer .footer-social-title { color: var(--lal-paper) !important; }
/* Newsletter registration is temporarily hidden until the business confirms the notices/consent flow. */
#footer .footer-row-1 .col-lg-5 { display: none; }
#footer .footer-row-1 .col-lg-7 { flex: 0 0 100%; max-width: 100%; margin-left: 0; }
#footer .footer-social { justify-content: center; }
#footer .footer-social-content a { background: var(--lal-paper); color: var(--lal-wine); }
#footer .footer-social-content a:hover { background: var(--lal-gold); color: var(--lal-wine-dark); }
#footer .footer-row-2 { background: var(--lal-paper) !important; color: var(--lal-ink); border-top: 0; }
#footer .footer-menu-title { color: var(--lal-wine); }
#footer .footer-menu-content a, #footer .copyright { color: var(--lal-muted); }
#footer .footer-menu-content a:hover { color: var(--lal-wine); }
#footer .footer-copyright { border-color: var(--lal-line); }
#footer .secure img { mix-blend-mode: multiply; }
#scroll-top { background: var(--lal-wine); color: var(--lal-paper); }
#ideasoft { background: var(--lal-paper); color: var(--lal-muted); }
body.current-page-page-detail .contentbox-body { max-width: 900px; margin-inline: auto; }
body.current-page-page-detail .contentbox-body :is(p,div,span) { font-family: 'Work Sans', sans-serif !important; font-size: 15px !important; line-height: 1.85 !important; text-align: left !important; }
body.current-page-page-detail .contentbox-body p { margin: 0 0 16px !important; }
body.current-page-page-detail .contentbox-body :is(h1,h2,h3,h4) { font-family: Georgia,'Times New Roman',serif !important; font-size: 23px !important; font-weight: 400 !important; line-height: 1.4 !important; margin: 28px 0 14px !important; }
body.current-page-page-detail .contentbox-body :is(h1,h2,h3,h4) span { font: inherit !important; }
.lal-empty-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.lal-empty-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 20px; border: 1px solid var(--lal-line); color: var(--lal-wine); background: var(--lal-paper); }
:is(a,button,input,select,textarea):focus-visible { outline: 2px solid var(--lal-wine); outline-offset: 4px; }
.theme-slider :is(a,button):focus-visible { outline-color: var(--lal-gold); }
@media (min-width: 992px) { body.current-page-default-entry #header .header-top { padding: 28px 0 8px; } }
@media (max-width: 991px) {
  body.current-page-default-entry .theme-slider-item.content { display: block !important; min-height: 0; }
  body.current-page-default-entry .theme-slider-item.content::before { position: relative; width: 100%; height: clamp(280px,80vw,360px); }
  body.current-page-default-entry .theme-slider-content { padding: 28px 28px 64px !important; }
  body.current-page-default-entry .theme-slider-content .row > [class*='col'] { flex: 0 0 100%; max-width: 100%; }
  body.current-page-default-entry .theme-slider-texts-wrapper::before { margin-bottom: 14px; font-size: 10px; }
  body.current-page-default-entry .theme-slider-title { font-size: 36px !important; line-height: 1.1 !important; margin-bottom: 16px !important; }
  body.current-page-default-entry .theme-slider-sub-title { max-width: none; font-size: 14px !important; line-height: 1.7 !important; margin-bottom: 22px !important; }
  body.current-page-default-entry .theme-slider .slick-dots { bottom: 8px; padding-left: 12px; }
  body.current-page-default-entry .theme-slider .slick-arrow { top: 160px; }
}
@media (max-width: 767px) {
  :root { --lal-kolye: url('/dosya/lal-v5-kolye-mobil.jpg'); --lal-kupe: url('/dosya/lal-v5-kupe-mobil.jpg'); --lal-yuzuk: url('/dosya/lal-v5-yuzuk-mobil.jpg'); }
  #header .container { padding-inline: 12px; }
  #header .header-top > .row { margin-inline: 0; flex-wrap: nowrap; }
  #header .header-top > .row > .col-auto { padding-inline: 0; }
  #header .header-top > .row > .col { padding-inline: 6px; }
  #header .logo img { width: clamp(104px,30vw,144px); max-width: 100%; height: auto; }
  #header :is(.toggle-bar a,.search > .openbox,.user-menu-icon > a,.cart-menu > a) { display: inline-flex; width: 44px; min-width: 44px; height: 44px; align-items: center; justify-content: center; }
  #header .toggle-bar { margin-right: 0 !important; }
  #header .header-top-right { gap: 0; }
  body.current-page-default-entry .theme-slider { margin-bottom: 32px; }
  body.current-page-default-entry .col-lg-3:has(> .theme-banner) { flex: 0 0 50%; max-width: 50%; padding-inline: 8px; }
  body.current-page-default-entry .col-lg-3 .theme-banner { margin-bottom: 24px; }
  body.current-page-default-entry .col-lg-3 .theme-banner-title { padding-top: 10px; }
  body.current-page-default-entry .col-lg-3 .theme-banner-title span { font-size: 14px; }
  body.current-page-default-entry .products-header { margin-top: 12px; margin-bottom: 22px; }
  body.current-page-default-entry .products-header > :is(span,h2) { font-size: 28px; }
  #footer .footer-menu-title { background: var(--lal-paper-deep); color: var(--lal-wine) !important; border-color: var(--lal-line); }
  #footer .copyright { line-height: 1.7; font-size: 12px; }
}
@media (hover: hover) {
  body.current-page-default-entry .col-lg-3 .theme-banner-image img { transition: transform .45s ease; }
  body.current-page-default-entry .col-lg-3 .theme-banner a:hover .theme-banner-image img { transform: scale(1.025); }
}
@media (prefers-reduced-motion: reduce) { body.current-page-default-entry .col-lg-3 .theme-banner-image img { transition: none; } }

/* V5.1: align search and social strip; keep native category image fields authoritative. */
#header .search-content, #header .search-content form, #header .search-content input, #header .search-content button { background-color: var(--lal-paper) !important; }
#header .search-content input { color: var(--lal-ink); }
#footer .footer-social { display: flex; align-items: center; justify-content: center; gap: 24px; }
#footer .footer-social-title { margin: 0 !important; font-size: 15px; font-weight: 400; }
#footer .footer-social-content { margin: 0 !important; }
#footer .footer-row-1 { padding: 24px 32px; }
#main .contentbox-header > h1 { font: 400 32px/1.3 Georgia, 'Times New Roman', serif; color: var(--lal-wine); margin: 0 0 28px; }
@media (max-width: 767px) { #main .contentbox-header > h1 { font-size: 28px; } }

/* V5.2: preserve mobile logo space and crop necklace photographs below the chin. */
body.current-page-default-entry .theme-slider-8::before { background-size: auto 110%; background-position: center bottom; }
body.current-page-default-entry .theme-banner a[href$='/kategori/kolye'] .theme-banner-image img { transform: scale(1.1); transform-origin: center bottom; }
@media (hover: hover) { body.current-page-default-entry .theme-banner a[href$='/kategori/kolye']:hover .theme-banner-image img { transform: scale(1.125); } }
@media (max-width: 767px) { #header .container { padding-inline: 8px; } #header .cart-menu { margin-left: 0 !important; } }

/* V5.3: retain category typography when the title becomes a semantic H1. */
#main h1.default-category-name { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; margin-top: 0; }

/* V5.4: visible mobile menu close control and keyboard-friendly footer headings. */
#mobile-navigation { background: var(--lal-paper) !important; color: var(--lal-ink); }
#mobile-navigation a { color: var(--lal-ink); border-color: var(--lal-line); }
.lal-mobile-menu-bar { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 4px 12px; border-bottom: 1px solid var(--lal-line); background: var(--lal-paper); }
.lal-mobile-menu-bar > span { font: 400 22px/1.3 Georgia, 'Times New Roman', serif; color: var(--lal-wine); }
.lal-mobile-menu-close { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 76px; padding: 8px 10px; border: 1px solid var(--lal-line); background: var(--lal-paper); color: var(--lal-wine); font: 400 13px/1.4 'Work Sans', sans-serif; cursor: pointer; }
#mobile-navigation :is(a,button):focus-visible { outline-offset: -4px; }
@media (max-width: 767px) { #footer .footer-menu-title[role='button'] { cursor: pointer; min-height: 44px; } #footer .footer-menu-title:focus-visible { outline: 2px solid var(--lal-wine); outline-offset: 2px; } }

/* V5.4.2: comfortable touch targets throughout the native tablet navigation breakpoint. */
@media (min-width: 768px) and (max-width: 1199px) { #header :is(.toggle-bar a,.search > .openbox,.user-menu-icon > a,.cart-menu > a) { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; } }
#scroll-top[role='button'] { cursor: pointer; }

/* V5.5: complete public form names, page headings and the mobile search exit. */
#main .lal-page-title { font: 400 32px/1.3 Georgia, 'Times New Roman', serif; color: var(--lal-wine); margin: 0 0 28px; }
#main .lal-login-title { display: inline; font: inherit; color: inherit; margin: 0; }
#main .toggle-password[role='button']:focus-visible { outline: 2px solid var(--lal-wine); outline-offset: 3px; }
#header .search-content .lal-search-close { display: none; }
@media (max-width: 1199px) {
  #header .search-content form { width: 100%; padding-right: 88px; }
  #header .search-content .lal-search-close:not([hidden]) { display: inline-flex; position: absolute; top: 6px; right: 8px; width: 76px; min-width: 76px; height: 44px; align-items: center; justify-content: center; padding: 8px; border: 1px solid var(--lal-line); color: var(--lal-wine); font: 400 13px/1.4 'Work Sans', sans-serif; cursor: pointer; }
}
@media (max-width: 767px) { #main .lal-page-title { font-size: 28px; } }

/* V5.6: direct keyboard access and readable public form fields on phones. */
#main .user-login-box-header { height: auto; padding: 30px 20px 18px; }
#main .user-login-box-header > i { display: none; }
#main .user-login-box-header > .lal-login-title { display: block; margin: 0; font: 400 28px/1.3 Georgia, 'Times New Roman', serif; color: var(--lal-wine); }
.lal-skip-link { position: fixed; top: 12px; left: 12px; z-index: 2147483647; display: inline-flex; align-items: center; min-height: 44px; padding: 10px 20px; transform: translateY(calc(-100% - 24px)); background: var(--lal-wine); color: var(--lal-paper); border: 1px solid var(--lal-paper); font: 500 15px/1.4 'Work Sans', sans-serif; }
.lal-skip-link:focus { transform: translateY(0); color: var(--lal-paper); outline: 2px solid var(--lal-wine); outline-offset: 2px; }
@media (max-width: 767px) {
  #main.lal-public-forms :is(input.form-control,select.form-control,textarea.form-control) { font-size: 16px; min-height: 44px; }
}

/* V5.7: product controls and readable, keyboard-contained legal viewers. */
#main .product-qty:has(> [data-selector='increase-qty']) { height: 46px; }
#main .product-qty > a, #main .product-qty input { min-height: 44px; height: 44px; }
#main .similar-products .products-header > h2 { margin: 0; font: 400 28px/1.3 Georgia, 'Times New Roman', serif; color: var(--lal-ink); }
#main #product-thumb-image a[aria-pressed='true']:focus-visible { outline-offset: -3px; }
.lal-legal-dialog .fancybox-slide--inline > :is(#user-agreement-wrapper,#personal-data-agreement-wrapper) { display: inline-flex !important; flex-direction: column; width: min(900px,calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: 16px 0; padding: 24px; background: var(--lal-paper); color: var(--lal-ink); }
.lal-legal-dialog .contentbox-header { flex: 0 0 auto; padding-right: 88px; padding-bottom: 16px; }
.lal-legal-dialog .contentbox-header > :is(h1,h2,h3,h4) { margin: 0; font: 400 24px/1.35 Georgia, 'Times New Roman', serif; color: var(--lal-wine); }
.lal-dialog-reading { min-height: 0; overflow: auto; padding-right: 8px; overscroll-behavior: contain; }
.lal-dialog-reading :is(p,div,span,li) { font-family: 'Work Sans',sans-serif !important; font-size: 15px !important; line-height: 1.75 !important; overflow-wrap: anywhere; }
.lal-dialog-reading p { margin: 0 0 14px !important; }
.lal-dialog-reading:focus-visible { outline: 2px solid var(--lal-wine); outline-offset: -2px; }
.fancybox-close-small.lal-dialog-close { top: 12px; right: 12px; width: 76px; height: 44px; padding: 8px; border: 1px solid var(--lal-line); border-radius: 0; background: var(--lal-paper); color: var(--lal-wine); font: 400 13px/1.4 'Work Sans',sans-serif; opacity: 1; }
.fancybox-close-small.lal-dialog-close::after { display: none; }
@media (max-width: 767px) { .lal-legal-dialog .fancybox-slide--inline > :is(#user-agreement-wrapper,#personal-data-agreement-wrapper) { padding: 20px; } }


/* V5.8: audited contrast, mobile input size, and reversible empty-menu cleanup. */
#main .product-list-row.text-danger { color: var(--lal-wine) !important; }
#navigation li:has(> a:is([href='/kategori/halhal'],[href='/kategori/bros'],[href='/kategori/setler'],[href='/kategori/zincirler'],[href='/kategori/charm'],[href='/kategori/piercing'])),
#mobile-navigation li:has(> a:is([href='/kategori/halhal'],[href='/kategori/bros'],[href='/kategori/setler'],[href='/kategori/zincirler'],[href='/kategori/charm'],[href='/kategori/piercing'])) { display: none !important; }
@media (max-width: 767px) {
  #main .product-qty input { font-size: 16px !important; }
  .lal-legal-dialog #personal-data-agreement-wrapper .contentbox-header { padding-top: 48px; padding-right: 0; }
  .lal-legal-dialog #personal-data-agreement-wrapper .contentbox-header > :is(h1,h2,h3,h4) { font-size: 22px; }
}

/* V5.8.2: readable list sorting and a larger stock-filter label on phones. */
@media (max-width: 767px) {
  #main #sortingOption { font-size: 16px !important; }
  #main .checkbox-custom label[for='stockOnly'] { min-height: 44px; padding-top: 8px; padding-bottom: 8px; }
  #main #stockOnly + label::before { top: 13px !important; }
}