/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
:root{
  --abm-cream:#F5F0E6;
  --abm-sage:#A6B49B;
  --abm-terracotta:#C47B5A;
  --abm-ink:#2B2B2B;
}
body{font-family:'Inter',sans-serif;color:var(--abm-ink);}
h1,h2,h3,h4,.elementor-heading-title{font-family:'Playfair Display',serif;}
/* WooCommerce urun grid 3 kolon + butik gorunum */
.woocommerce ul.products li.product{text-align:center;}
.woocommerce ul.products li.product img{transition:transform .4s ease;}
.woocommerce ul.products li.product:hover img{transform:scale(1.05);}
.woocommerce span.price,.woocommerce div.product p.price{color:var(--abm-sage);font-weight:600;}
.woocommerce a.button,.woocommerce button.button,.woocommerce .button{background:var(--abm-sage)!important;color:#fff!important;border-radius:2px;}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--abm-terracotta)!important;}



/* ====== SEPET — mobilde urun gorseli (WooCommerce smallscreen override) ====== */
/* WooCommerce'in woocommerce-smallscreen.css'i su kurali uyguluyor:
   .woocommerce table.cart .product-thumbnail{display:none}
   Asagidaki blok onu BIREBIR daha yuksek spesifiklikte ezer. */
@media (max-width: 768px){
  .woocommerce table.cart .product-thumbnail,
  .woocommerce-page table.cart .product-thumbnail,
  .woocommerce #content table.cart .product-thumbnail,
  .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail,
  .e-cart__container td.product-thumbnail{
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    padding: 16px 0 8px !important;
  }
  /* mobilde td::before etiketini thumbnail satirinda gizle */
  .woocommerce table.cart td.product-thumbnail::before,
  .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail::before{
    display: none !important;
    content: "" !important;
  }
  .woocommerce table.cart .product-thumbnail img,
  .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail img,
  .e-cart__container td.product-thumbnail img{
    display: inline-block !important;
    width: 120px !important;
    max-width: 50% !important;
    height: auto !important;
    margin: 0 auto !important;
    float: none !important;
    border-radius: 8px;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ====== ODEME — mobilde Ad/Soyad yan yana ====== */
@media (max-width: 768px){
  .woocommerce form .form-row-first,
  .woocommerce-page form .form-row-first,
  .elementor-widget-woocommerce-checkout-page form .form-row-first{
    float: left !important;
    width: 48% !important;
    clear: left !important;
  }
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-last,
  .elementor-widget-woocommerce-checkout-page form .form-row-last{
    float: right !important;
    width: 48% !important;
    clear: right !important;
  }
  /* satir sonrasi temizlik — sonraki alan asagi insin */
  .woocommerce form .form-row-first + .form-row-last::after,
  .woocommerce-page form .form-row-last::after{
    content: "";
    display: block;
    clear: both;
  }
}
/* ====== FOOTER — marka renk vurgulari ====== */
.elementor-location-footer a:hover{ color:#C47B5A !important; }
.elementor-location-footer .elementor-heading-title{ letter-spacing:.3px; }
/* footer link gecisi yumusak */
.elementor-location-footer a{ transition:color .25s ease; }


/* ====== ABM: hamburger focus outline marka rengi (mavi yerine terracotta) ====== */
.elementor-menu-toggle:focus,
.elementor-menu-toggle:focus-visible,
.e-n-menu-toggle:focus,
.e-n-menu-toggle:focus-visible,
.elementor-widget-n-menu .e-n-menu-toggle:focus-visible,
button.elementor-menu-toggle:focus-visible{
  outline: 2px solid #C47B5A !important;
  outline-offset: 2px !important;
  border-radius: 4px;
  box-shadow: none !important;
}
/* fare ile tıklamada outline gizle, sadece klavye focus'unda göster (erişilebilirlik) */
.elementor-menu-toggle:focus:not(:focus-visible),
.e-n-menu-toggle:focus:not(:focus-visible){
  outline: none !important;
  box-shadow: none !important;
}