/**
 * Garlon-inspired UI — Fulya colors
 * v1.0.2 — logo force, CTA mapping, delivery time boxes protected
 */

/* ========== LOGO ========== */
.custom-logo-link img,
.site-logo img,
img.custom-logo,
.site-branding img.logo,
.site-header .logo img,
header .logo img,
.navbar-brand img {
  max-height: 154px !important; height: auto !important; object-fit: contain !important;
  width: auto !important;
  height: auto !important;
}

/* REMOVED: img[src*="cicek"] max-height — it crushed ALL product/banner images on this domain */

/* Restore full-size product & banner images (undo accidental logo max-height bleed) */
.banner-item img,
.banner-grid img,
.hero-section img,
.product-img-wrap img,
.product-card img,
.product-grid img,
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img,
.products .product img {
  max-height: none !important;
  height: auto !important;
  width: 100%;
  object-fit: cover;
}

/* ========== HEADER ========== */
.site-header,
header.site-header,
.main-header,
#masthead {
  background: rgba(250, 247, 242, 0.94) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--fy-mist);
}

.site-header a,
.main-navigation a,
.menu a {
  color: var(--fy-ink) !important;
  font-weight: 500;
  transition: color var(--fy-transition);
}
.site-header a:hover,
.main-navigation a:hover,
.menu a:hover {
  color: var(--fy-secondary) !important;
}

/* ========== CTA BUTTONS (primary = dark green, NOT accent pink) ========== */
/* Global Woo / theme purchase CTAs */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button,
a.checkout-button,
.checkout-button,
.wp-element-button,
.wp-block-button__link,
button[name="add-to-cart"],
.added_to_cart,
.fy-cta,
a.fy-cta {
  background: var(--fy-cta) !important;
  color: var(--fy-cta-text) !important;
  border: 2px solid var(--fy-cta) !important;
  border-radius: var(--fy-radius-pill) !important;
  padding: 0.75rem 1.5rem !important;
  font-family: var(--fy-font-body) !important;
  font-weight: 600 !important;
  box-shadow: var(--fy-shadow);
  transition: transform var(--fy-transition), box-shadow var(--fy-transition), background var(--fy-transition) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover,
a.checkout-button:hover,
.wp-block-button__link:hover,
.fy-cta:hover {
  background: var(--fy-cta-hover) !important;
  border-color: var(--fy-cta-hover) !important;
  color: var(--fy-white) !important;
  transform: translateY(-2px);
  box-shadow: var(--fy-shadow-hover);
}

/* Sticky / footer "Sipariş Ver" — same CTA */
a[href*="teslimat"],
a[href*="siparis"],
.sticky-order,
.mobile-order-btn,
.order-now,
.btn-siparis,
button.siparis-ver {
  background: var(--fy-cta) !important;
  color: var(--fy-cta-text) !important;
  border-color: var(--fy-cta) !important;
}

/* Kill wrong pink/magenta CTAs from parent */
.woocommerce a.button.alt,
button.alt,
.button.alt {
  background: var(--fy-cta) !important;
  border-color: var(--fy-cta) !important;
  color: var(--fy-cta-text) !important;
}

/* Accent = badges only, NOT main cart */
.onsale,
.woocommerce span.onsale,
.fy-badge,
.badge-same-day,
.acil-badge {
  background: var(--fy-accent) !important;
  color: var(--fy-white) !important;
  border-radius: var(--fy-radius-pill) !important;
}

/* Outline secondary */
.button.outline,
.btn-outline,
a.button.is-style-outline {
  background: transparent !important;
  color: var(--fy-primary) !important;
  border: 2px solid var(--fy-primary) !important;
}

/* Cart icon color hint */
.cart-contents,
.header-cart a,
.mini-cart-button {
  color: var(--fy-primary) !important;
}

/* ========== PRODUCT CARDS ========== */
.woocommerce ul.products li.product,
.products .product {
  background: var(--fy-white);
  border: 1px solid var(--fy-mist);
  border-radius: var(--fy-radius);
  box-shadow: 0 2px 8px rgba(15, 46, 40, 0.06);
  transition: transform var(--fy-transition), box-shadow var(--fy-transition);
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: var(--fy-shadow-hover);
}
.woocommerce ul.products li.product .price {
  color: var(--fy-secondary) !important;
  font-weight: 700;
}

/* ========== DELIVERY TIME BOXES — DO NOT OVERRIDE ========== */
/*
 * Keep legacy grid/box time picker from parent.
 * Exclude delivery UI from pill-button restyles.
 */
body.page-id-660 .delivery-times button,
body.page-id-660 .delivery-time button,
body.page-id-660 .time-slot,
body.page-id-660 .time-slots button,
body.page-id-660 [class*="delivery"] button,
body.page-id-660 [class*="time-slot"],
body.page-id-660 [class*="saat"],
.page-slug-teslimat-bilgileri [class*="time"] button,
.page-slug-teslimat-bilgileri .time-slot,
.page-slug-teslimat-bilgileri [class*="delivery"] button,
#teslimat-bilgileri [class*="time"],
#teslimat-bilgileri .time-slot,
.delivery-form .time-slot,
.delivery-form [data-time],
.delivery-hours button,
.delivery-slot,
.slot-box {
  /* reset garlon pill styles — restore box look */
  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 0.85rem 0.75rem !important;
  min-height: 48px;
  font-weight: 600 !important;
}

/* Selected slot can use secondary olive, not accent pink */
.delivery-slot.is-selected,
.time-slot.active,
.time-slot.selected,
[class*="time-slot"].active,
[class*="time-slot"].selected {
  background: var(--fy-primary) !important;
  color: var(--fy-cream) !important;
  border-color: var(--fy-primary) !important;
}

/* ========== FOOTER ========== */
.site-footer,
footer {
  background: var(--fy-primary) !important;
  color: var(--fy-cream) !important;
}
.site-footer a,
footer a {
  color: var(--fy-mist) !important;
}
.site-footer a:hover {
  color: var(--fy-secondary) !important;
}

/* ========== FOOTER GRID: keep Maltepe about on first row (fy-footer-maltepe-row) ========== */
/*
 * Parent uses grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)).
 * With 5 widgets that wraps "Maltepe Çiçekçi" onto a second row (~full blank row drop).
 * Force 5 columns on desktop so heading + tagline/address sit on the üst satır with peers.
 */
@media (min-width: 992px) {
  .site-footer .footer-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: start !important;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .site-footer .footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
  }
}

/* Tighten heading → first content (no empty drop under underline) */
.site-footer .footer-widget > h4 {
  margin-bottom: 0.5rem !important;
  padding-bottom: 8px !important;
}
.site-footer .footer-widget > h4 + p,
.site-footer .footer-widget > h4 + ul {
  margin-top: 0 !important;
}
.site-footer .footer-widget > h4 + p + p {
  margin-top: 0.75rem !important; /* beats inline style="margin-top:15px" */
}

/* ========== FOOTER FONT: match primary menu (DM Sans / --fy-font-body) ========== */
/*
 * Menu (.main-navigation a / #primary-menu a) computes to:
 *   font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif
 * Footer h4s were Cormorant Garamond via brand-tokens h1–h4 display rule.
 * Force body stack on all footer text; leave Font Awesome icons alone.
 */
.site-footer,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer p,
.site-footer a,
.site-footer li,
.site-footer td,
.site-footer th,
.site-footer label,
.site-footer .footer-widget,
.site-footer .footer-widget > h4,
.site-footer .footer-widget p,
.site-footer .footer-widget a,
.site-footer .footer-widget li,
.site-footer .menu a,
.site-footer address,
.site-footer .footer-bottom,
.site-footer .footer-bottom p,
.site-footer .copyright,
.site-footer .site-info,
footer.site-footer,
footer .footer-widget,
footer .footer-widget > h4,
footer .footer-bottom,
.fy-footer-actions,
.fy-footer-actions a {
  font-family: var(--fy-font-body, "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
}



a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--fy-accent);
  outline-offset: 2px;
}

/* ========== HARDCODED HEADER LOGO (.site-logo) ========== */
.site-logo,
a.site-logo,
.header-main {
  overflow: visible !important;
}
.site-logo img,
a.site-logo img {
  content: url("../img/logo/fulya-wordmark.png");
  max-height: 154px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
  padding-top: 4px !important;
}

/* Parent --primary-color pink bleed on cart/checkout */
.woocommerce a.button,
.woocommerce button.button.alt,
.wc-block-cart__submit-button,
.wc-block-components-checkout-button,
.pd-order-btn {
  background: var(--fy-cta) !important;
  border-color: var(--fy-cta) !important;
  color: var(--fy-cta-text) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.wc-block-cart__submit-button:hover,
.pd-order-btn:hover {
  background: var(--fy-cta-hover) !important;
  border-color: var(--fy-cta-hover) !important;
  color: var(--fy-white) !important;
}

/* ========== DATE BOXES (legacy) — keep box look ========== */
.pd-date-buttons .pd-date-btn,
.pd-date-btn {
  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;
  background: #fff !important;
  border: 1px solid var(--fy-mist) !important;
  color: var(--fy-ink) !important;
  padding: 0.75rem 1rem !important;
}
.pd-date-btn.active,
.pd-date-btn:hover {
  border-color: var(--fy-primary) !important;
  color: var(--fy-primary) !important;
  background: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Time = select in current JS — don't pill-ify */
.pd-time-select,
#pd-time-select {
  border-radius: 10px !important;
  box-shadow: none !important;
  border: 1px solid var(--fy-mist) !important;
  background: #fff !important;
  color: var(--fy-ink) !important;
  padding: 0.65rem 0.75rem !important;
  min-height: 48px;
}
.pd-time-select:focus,
#pd-time-select:focus {
  border-color: var(--fy-primary) !important;
  outline: none;
}

/* ========== TESLIMAT PAGE: one heading + menu font (1.0.5e) ========== */
/*
 * Root cause of duplicate "Teslimat Bilgileri":
 *   1) Theme page title (.entry-title / .page-title) from WP page "Teslimat bilgileri"
 *   2) Parent shortcode [teslimat_bilgileri] → .pd-delivery-page-header > h1
 * Keep the shortcode header (has useful subtitle); hide the theme page title.
 * Font: brand-tokens sets h1–h4 to Cormorant Garamond (--fy-font-display);
 * menu uses DM Sans (--fy-font-body). Force body stack on delivery UI only.
 * Parent delivery.js / AJAX untouched; Font Awesome icons left alone.
 */
body.page-slug-teslimat-bilgileri .entry-header,
body.page-slug-teslimat-bilgileri .entry-title,
body.page-slug-teslimat-bilgileri h1.entry-title,
body.page-slug-teslimat-bilgileri .page-title,
body.page-slug-teslimat-bilgileri .woocommerce-products-header__title,
body.page-slug-teslimat-bilgileri h1.wp-block-post-title,
body.page-template-default.page-slug-teslimat-bilgileri .entry-header {
  display: none !important;
}

body.page-slug-teslimat-bilgileri .pd-delivery-page,
body.page-slug-teslimat-bilgileri .pd-delivery-page h1,
body.page-slug-teslimat-bilgileri .pd-delivery-page h2,
body.page-slug-teslimat-bilgileri .pd-delivery-page h3,
body.page-slug-teslimat-bilgileri .pd-delivery-page h4,
body.page-slug-teslimat-bilgileri .pd-delivery-page p,
body.page-slug-teslimat-bilgileri .pd-delivery-page label,
body.page-slug-teslimat-bilgileri .pd-delivery-page span,
body.page-slug-teslimat-bilgileri .pd-delivery-page a,
body.page-slug-teslimat-bilgileri .pd-delivery-page button,
body.page-slug-teslimat-bilgileri .pd-delivery-page select,
body.page-slug-teslimat-bilgileri .pd-delivery-page input,
body.page-slug-teslimat-bilgileri .pd-delivery-page textarea,
body.page-slug-teslimat-bilgileri .pd-delivery-page-header,
body.page-slug-teslimat-bilgileri .pd-delivery-page-header h1,
body.page-slug-teslimat-bilgileri .pd-delivery-page-header p,
body.page-slug-teslimat-bilgileri .pd-date-btn,
body.page-slug-teslimat-bilgileri .pd-order-btn,
.pd-delivery-page,
.pd-delivery-page h1,
.pd-delivery-page h2,
.pd-delivery-page h3,
.pd-delivery-page h4,
.pd-delivery-page p,
.pd-delivery-page label,
.pd-delivery-page button,
.pd-delivery-page select,
.pd-delivery-page input,
.pd-delivery-page-header h1,
.pd-delivery-page-header p {
  font-family: var(--fy-font-body, "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
}

/* ========== HEADER UNSTICK (1.0.5f) ========== */
/*
 * Parent style.css: .site-header { position: sticky; top: 0; z-index: 1000; }
 * User wants header to scroll away normally (not pinned).
 * Do NOT touch .fy-mobile-bottom / mobile footer sticky order bar.
 */
.site-header,
header.site-header,
#masthead,
.main-header,
.header-main,
.site-header.is-sticky,
.site-header.sticky,
header.is-sticky,
.sticky-header,
.header-sticky {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  z-index: auto !important;
}