/*
Theme Name:  Atölye Pasta Child
Theme URI:   https://atolyepasta.com
Description: Atölye Pasta — Bakery Confectionery Child Theme (ACF Free, sıfır ücretli eklenti)
Author:      Atölye Pasta
Template:    bakery-confectionery
Version:     1.2.5
Text Domain: atolye-pasta
*/

:root {
  --ap-brown:      #3B2A1A;
  --ap-brown2:     #6B4C35;
  --ap-terra:      #C4724A;
  --ap-terra2:     #E8956D;
  --ap-gold:       #C8A96E;
  --ap-berry:      #A43A59;
  --ap-berry-dark: #7B2942;
  --ap-blush:      #F8E8ED;
  --ap-cream:      #F7F4F1;
  --ap-cream2:     #EFEAE4;
  --ap-white:      #FFFFFF;
  --ap-surface:    #FCFAF8;
  --ap-muted:      #765F4C;
  --ap-border:     rgba(59,42,26,0.16);
  --ap-shadow:     0 6px 12px rgba(59,42,26,0.10);
  --ap-shadow-sm:  0 2px 5px rgba(59,42,26,0.07);
  --ap-radius:     8px;
  --ap-radius-sm:  6px;
  --ap-action-radius: 4px;
  --ap-transition: 180ms cubic-bezier(0.16,1,0.3,1);
}

body {
  font-family: 'DM Sans', sans-serif !important;
  background-color: var(--ap-cream) !important;
  background-image: radial-gradient(circle, #D4C9B4 1px, transparent 1px) !important;
  background-size: 18px 18px !important;
  color: var(--ap-brown) !important;
  line-height: 1.6;
}

#wpadminbar {
  display: none !important;
}

html {
  margin-top: 0 !important;
}

#page.asterthemes-site-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#content,
#main-content,
#primary {
  flex: 1 0 auto;
}

.site-header {
  background: var(--ap-berry) !important;
  border-bottom: 1px solid var(--ap-berry-dark) !important;
  box-shadow: 0 2px 5px rgba(59,42,26,.09) !important;
}

header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part {
  background: var(--ap-berry) !important;
  padding: 12px 18px !important;
}

header.site-header .header-main-wrapper .bottom-header-part-wrapper {
  gap: clamp(24px, 6vw, 96px) !important;
}

header.site-header .site-logo img {
  display: block;
  width: auto !important;
  height: 72px !important;
  max-width: 220px !important;
  object-fit: contain;
}

header.site-header .main-navigation ul li a,
header.site-header .menu a {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  padding: 11px 13px !important;
  border-radius: var(--ap-action-radius);
}

header.site-header .main-navigation ul li a:hover,
header.site-header .main-navigation ul li a:focus-visible {
  color: #fff !important;
  background: rgba(255,255,255,.12) !important;
}

header.site-header .main-navigation .current-menu-item > a,
header.site-header .main-navigation .current_page_item > a {
  color: #fff !important;
  background: transparent !important;
  box-shadow: inset 0 -2px rgba(255,255,255,.92);
}

header.site-header .ap-header-sepet {
  width: 46px !important;
  height: 46px !important;
  justify-content: center !important;
  font-size: 24px !important;
}

header.site-header .ap-header-account,
header.site-header .ap-header-sepet {
  border-radius: var(--ap-action-radius);
  transition: background var(--ap-transition), color var(--ap-transition);
}

header.site-header .ap-header-account:hover,
header.site-header .ap-header-account:focus-visible,
header.site-header .ap-header-sepet:hover,
header.site-header .ap-header-sepet:focus-visible {
  background: rgba(255,255,255,.13);
  color: #fff !important;
}

#scroll-to-top.bakery-confectionery-scroll-to-top {
  right: 16px !important;
  bottom: 16px !important;
  width: 42px;
  height: 42px;
  color: #fff;
  background: var(--ap-berry-dark);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: var(--ap-action-radius) !important;
  box-shadow: 0 3px 10px rgba(59,42,26,.18);
  transition: opacity var(--ap-transition), background var(--ap-transition), transform var(--ap-transition);
}

#scroll-to-top.bakery-confectionery-scroll-to-top:hover,
#scroll-to-top.bakery-confectionery-scroll-to-top:focus-visible {
  background: var(--ap-brown);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part {
    padding: 8px 0 !important;
  }

  header.site-header .site-logo img {
    height: 54px !important;
    max-width: 150px !important;
  }

  #scroll-to-top.bakery-confectionery-scroll-to-top {
    right: 12px !important;
    bottom: 12px !important;
  }
}

a { color: var(--ap-terra); text-decoration: none; }
a:hover { color: var(--ap-brown); }

:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(196,114,74,.42);
  outline-offset: 3px;
}

:where(button, [role="button"], .ap-radio-opt, .ap-check-opt, .ap-delivery-card) {
  touch-action: manipulation;
}

:where(h1, h2, h3) { text-wrap: balance; }
:where(p) { text-wrap: pretty; }