/*
Theme Name: Beyaz Baston Modern Child
Description: Beyaz Baston temasının görsel iyileştirmeleri ve koyu tema desteği.
Template: BeyazBaston_WordPress_Turkce
Version: 1.0.0
Text Domain: beyaz-baston-modern
*/

:root{
  --bb-control-bg:#fff;
  --bb-surface:#fff;
  --bb-surface-soft:#f5faff;
  --bb-shadow:0 12px 32px rgba(0,79,170,.12);
}

body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}

/* Blog hero: masaüstü ve mobilde dengeli, ortalanmış giriş alanı. */
.page-slug-blog .bb-blog-hero{
  display:flex;
  min-height:270px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:56px 32px;
  text-align:center;
}
.page-slug-blog .bb-blog-hero .bb-eyebrow{margin:0 0 10px;letter-spacing:1.4px}
.page-slug-blog .bb-blog-hero h1{margin:0 0 14px;line-height:1.08}
.page-slug-blog .bb-blog-hero p:not(.bb-eyebrow){max-width:720px;margin:0 auto;color:var(--bb-muted);font-size:18px;line-height:1.65}

/* Hero çağrı butonları: tek tasarım sistemi ve net kontrast. */
.bb-actions .button,.bb-shop-links a{
  display:inline-flex!important;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:12px 20px!important;
  border:1px solid var(--bb-blue)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#006dff,#00aeea)!important;
  color:#fff!important;
  font-size:15px;
  font-weight:800!important;
  line-height:1.2;
  box-shadow:0 8px 20px rgba(0,109,255,.24)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.bb-actions .button-outline,.bb-shop-links a+ a{
  background:#fff!important;
  color:#075fbe!important;
  border-color:#7dcdf5!important;
  box-shadow:0 8px 20px rgba(0,109,255,.10)!important;
}
.bb-actions .button:hover,.bb-actions .button:focus,.bb-shop-links a:hover,.bb-shop-links a:focus{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#0056d9,#008fcf)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,109,255,.34)!important;
  text-decoration:none!important;
}

/* Menü, select ve form kontrolleri. */
.bb-nav-dropdown-menu{padding:12px!important;font-family:inherit!important}
.bb-nav-dropdown-menu a{padding:12px 14px!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important}
select,input[type=text],input[type=email],input[type=search],input[type=tel],input[type=password],input[type=number],textarea,
.woocommerce .woocommerce-ordering select,.bb-option-field select{
  font:600 15px/1.3 inherit!important;
  border:1px solid #a9cfe6!important;
  border-radius:10px!important;
  background-color:var(--bb-control-bg)!important;
  color:var(--bb-text)!important;
  transition:border-color .2s,box-shadow .2s,background .2s!important;
}
select:focus,input:focus,textarea:focus{
  outline:0!important;
  border-color:#168fe0!important;
  box-shadow:0 0 0 3px rgba(0,174,234,.16)!important;
}
.woocommerce .woocommerce-ordering select{min-width:230px;min-height:46px;padding:0 42px 0 14px!important;cursor:pointer}

/* Header koyu tema düğmesi. */
.bb-theme-toggle{
  display:inline-flex;
  width:42px;
  height:42px;
  flex:0 0 42px;
  align-items:center;
  justify-content:center;
  margin:0!important;
  padding:0!important;
  border:1px solid #c7e8fa!important;
  border-radius:10px!important;
  background:#f5fbff!important;
  color:#0b416e!important;
  box-shadow:none!important;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.bb-theme-toggle:hover,.bb-theme-toggle:focus{border-color:#00aeea!important;background:#fff!important;box-shadow:0 0 0 4px rgba(0,183,255,.12)!important;transform:none!important}

/* Koyu tema renk sistemi. */
html.bb-dark{color-scheme:dark;--bb-navy:#e9f6ff;--bb-blue:#33b7ff;--bb-sky:#10283a;--bb-text:#edf7ff;--bb-muted:#a9bfd0;--bb-border:#29485d;--bb-white:#101b25;--bb-green:#49d7a5;--bb-control-bg:#111f2a;--bb-surface:#101b25;--bb-surface-soft:#0d1821;--bb-shadow:0 14px 34px rgba(0,0,0,.34)}
html.bb-dark body{background:#081119;color:var(--bb-text)}
html.bb-dark a{color:#8fd7ff}
html.bb-dark .bb-header{background:#0c1720;border-top-color:#02070b;border-bottom-color:#29485d;box-shadow:0 8px 25px rgba(0,0,0,.25)}
html.bb-dark .bb-brand,html.bb-dark .bb-cart,html.bb-dark #bb-main-nav>a,html.bb-dark .bb-nav-dropdown-toggle{color:#f2f9ff!important}
html.bb-dark .bb-account,html.bb-dark .bb-theme-toggle,html.bb-dark .bb-menu-toggle{background:#112331!important;border-color:#315267!important;color:#eaf7ff!important}
html.bb-dark .bb-account svg{fill:#44beff}
html.bb-dark .bb-nav-dropdown-menu{background:#101f2b;border-color:#315267;box-shadow:0 20px 52px rgba(0,0,0,.45)}
html.bb-dark .bb-nav-dropdown-menu a{color:#e9f6ff!important}
html.bb-dark .bb-nav-dropdown-menu a:hover,html.bb-dark .bb-nav-dropdown-menu a:focus{background:#173246;color:#5bc7ff!important}
html.bb-dark .bb-hero,html.bb-dark .bb-shop-hero,html.bb-dark .bb-blog-hero,html.bb-dark .page-slug-blog .bb-blog-hero{background:radial-gradient(circle at 82% 18%,rgba(0,183,255,.18),transparent 32%),linear-gradient(125deg,#102535,#09141d 60%)!important}
html.bb-dark .bb-hero h1,html.bb-dark .bb-shop-hero h1,html.bb-dark .bb-blog-hero h1,html.bb-dark .bb-section-heading h2,html.bb-dark .bb-page h1,html.bb-dark .bb-page h2{color:#f2f9ff!important}
html.bb-dark .bb-hero-note,html.bb-dark .bb-product-card,html.bb-dark .woocommerce ul.products li.product,html.bb-dark .bb-blog-card,html.bb-dark .woocommerce div.product div.summary,html.bb-dark .woocommerce div.product .woocommerce-tabs .panel,html.bb-dark .woocommerce-account .woocommerce-MyAccount-content,html.bb-dark body.page:not(.home):not(.woocommerce-page) .bb-page>article,html.bb-dark body.single-post .bb-page>article{background:#101d27!important;border-color:#29485d!important;box-shadow:var(--bb-shadow)!important}
html.bb-dark .bb-product-card h3,html.bb-dark .woocommerce-loop-product__title,html.bb-dark .price,html.bb-dark .woocommerce div.product .product_title,html.bb-dark .bb-options-title,html.bb-dark .bb-option-field label{color:#edf7ff!important}
html.bb-dark .bb-section-soft,html.bb-dark .bb-newsletter{background:#0c1821!important}
html.bb-dark .woocommerce ul.products li.product img,html.bb-dark .bb-product-image{background:#f5f7f9!important}
html.bb-dark .bb-product-options,html.bb-dark .bb-assurance>div,html.bb-dark .woocommerce .woocommerce-result-count{background:#10283a!important;border-color:#315267!important}
html.bb-dark input,html.bb-dark select,html.bb-dark textarea,html.bb-dark .woocommerce .woocommerce-ordering select,html.bb-dark .bb-option-field select{background-color:#111f2a!important;color:#eef8ff!important;border-color:#3c6077!important}
html.bb-dark input::placeholder,html.bb-dark textarea::placeholder{color:#8ea8bb}
html.bb-dark option{background:#111f2a;color:#eef8ff}
html.bb-dark .bb-actions .button-outline,html.bb-dark .bb-shop-links a+ a{background:#112b3d!important;color:#8ed8ff!important;border-color:#36aeea!important}
html.bb-dark .woocommerce-account .woocommerce-MyAccount-navigation{background:#0f202c!important;border-color:#315267!important}
html.bb-dark .woocommerce-account .woocommerce-Address,html.bb-dark .woocommerce-account .woocommerce-MyAccount-content form,html.bb-dark .woocommerce-account table.shop_table{background:#101d27!important;border-color:#315267!important;color:#edf7ff!important}
html.bb-dark .woocommerce-account table.shop_table th{background:#153047!important;color:#eff9ff!important}
html.bb-dark .woocommerce-message,html.bb-dark .woocommerce-info,html.bb-dark .woocommerce-error{background:#122b3c!important;color:#eef8ff!important;border-color:#3e7798!important}
html.bb-dark .bb-footer{background:#050d15!important}
html.bb-dark .bb-newsletter h2,html.bb-dark .bb-footer-col h3,html.bb-dark .bb-payment h3{color:#f2f9ff!important}
html.bb-dark .page-slug-hakkimizda .entry-content,html.bb-dark body.page:not(.home):not(.woocommerce-page) .bb-page>article>.entry-content,html.bb-dark body.single-post .bb-page>article>.entry-content{color:#cfe0ec!important}
html.bb-dark body.page:not(.home):not(.woocommerce-page) .bb-page>article>h1,html.bb-dark body.single-post .bb-page>article>h1{background:linear-gradient(125deg,#153047,#0d1d28 65%)!important;color:#f2f9ff!important;border-bottom-color:#29485d!important}

@media(max-width:900px){
  .bb-theme-toggle{order:1}
  html.bb-dark .bb-header #bb-main-nav{background:#0f202c!important;border-color:#315267!important}
}
@media(max-width:620px){
  .page-slug-blog .bb-blog-hero{min-height:220px;padding:38px 22px!important}
  .page-slug-blog .bb-blog-hero p:not(.bb-eyebrow){font-size:16px}
  .bb-actions .button,.bb-shop-links a{width:100%;min-height:46px}
  .woocommerce .woocommerce-ordering{float:none;width:100%}
  .woocommerce .woocommerce-ordering select{width:100%}
  .bb-theme-toggle{width:40px;height:40px;flex-basis:40px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}