/*
Theme Name: Storefront Almuthmainnah
Theme URI: https://order.havid.my.id
Description: Child theme Storefront untuk Almuthmainnah Hijab — branding, halaman produk mobile-first, tombol Tanya via WA.
Author: Almuthmainnah
Template: storefront
Version: 0.4.0
Text Domain: storefront-almuthmainnah
*/

/* ── Palet Almuthmainnah ─────────────────────────────────────────────
   Tiga kandidat; SATU aktif di :root. Ganti palet = salin blok kandidat
   ke :root. Preview ketiganya: buka palette-preview.html di browser. */

:root {
  /* AKTIF: Kandidat A — Sage & Cream */
  --almu-bg: #FAF7F2;
  --almu-surface: #FFFFFF;
  --almu-text: #3E3A35;
  --almu-muted: #8A857D;
  --almu-brand: #7D8B6F;
  --almu-brand-dark: #5F6B54;   /* tombol: teks putih kontras cukup */
  --almu-accent: #B99B6B;
}

/* Kandidat B — Mocha & Latte
  --almu-bg: #FBF6F0;  --almu-surface: #FFFFFF; --almu-text: #3C332D;
  --almu-muted: #93887E; --almu-brand: #8B6F5E; --almu-brand-dark: #6E574A;
  --almu-accent: #A98467;
*/

/* Kandidat C — Dusty Rose & Taupe
  --almu-bg: #FAF5F3;  --almu-surface: #FFFFFF; --almu-text: #403734;
  --almu-muted: #948A83; --almu-brand: #A97E7E; --almu-brand-dark: #8C6363;
  --almu-accent: #9C8F80;
*/

/* ── Tipografi: system stack yang tenang, tanpa font eksternal ── */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  background: var(--almu-bg);
  color: var(--almu-text);
}

/* ── Header & tautan ── */
.site-header, .storefront-handheld-footer-bar {
  background-color: var(--almu-surface);
}
.site-branding .site-title a, .site-header a { color: var(--almu-text); }
a { color: var(--almu-brand-dark); }

/* ── Tombol global: brand-dark, teks putih ── */
.button, button, input[type="submit"],
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button {
  background-color: var(--almu-brand-dark);
  color: #fff;
  border-radius: 6px;
}
.button:hover, .woocommerce a.button:hover { background-color: var(--almu-brand); color: #fff; }

/* ── Halaman produk ── */
.almu-wa-button {
  display: block;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  background-color: #1DAA61 !important;  /* hijau WA, dikenali pembeli */
  color: #fff !important;
}
.single-product div.product .price {
  color: var(--almu-brand-dark);
  font-size: 1.6em;
  font-weight: 700;
}
.single-product div.product form.cart .single_add_to_cart_button {
  width: 100%;
  padding: 14px 0;
  font-size: 1.05em;
}
@media (max-width: 768px) {
  .single-product div.product .woocommerce-product-gallery { width: 100%; float: none; }
  .single-product div.product .summary { width: 100%; float: none; }
}

/* ── Homepage (template Storefront) ── */
.home.page-template-template-homepage .site-main { background: var(--almu-bg); }
.home .storefront-product-section .section-title,
.home .woocommerce-products-header__title {
  color: var(--almu-text);
  letter-spacing: 0.02em;
}
.home ul.products li.product {
  background: var(--almu-surface);
  border-radius: 8px;
  padding: 10px;
}

/* ===== Beranda (gaya Desty store) ===== */
/* Announcement bar gelap di atas header (warna dari config Desty #3F3D3B) */
.almu-announcement {
  background: #3F3D3B; color: #fff; text-align: center;
  font-size: .82rem; letter-spacing: .02em; padding: .6em 1em;
}
.almu-announcement a { color: #fff; text-decoration: underline; }

/* Hero cover full-bleed 576px, teks overlay tengah (struktur slide Desty) */
.page-template-template-homepage .site-main { padding-top: 0 !important; }
.page-template-template-homepage .site-content { padding-top: 0 !important; }
.page-template-template-homepage .entry-content { margin-top: 0 !important; }
.page-template-template-homepage .type-page.hentry { margin-bottom: 0; }
.almu-hero-cover {
  width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw);
  min-height: 576px; margin-top: 0;
}
.almu-hero-cover .wp-block-cover__background { background-color: #000; opacity: .3; }
.almu-hero-cover .wp-block-cover__inner-container h1 {
  color: #fff; font-size: 2.3rem; line-height: 1.15; margin-bottom: .5rem;
  max-width: 850px; margin-left: auto; margin-right: auto;
  text-shadow: 0 1px 12px rgba(0,0,0,.3);
}
.almu-hero-cover .wp-block-cover__inner-container p {
  color: #fff; font-size: 1.05rem; text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
.almu-cta .wp-block-button__link {
  background: var(--almu-brand-dark); color: #fff; border-radius: 4px;
  padding: .85em 2.2em; font-weight: 600;
}
.almu-cta .wp-block-button__link:hover { background: var(--almu-brand); color: #fff; }

/* Heading section besar di tengah (richText Desty) */
.almu-section-title { text-align: center; font-size: 2rem; margin: 3rem 0 1.5rem; }

/* Galeri kategori & lookbook: kartu foto + caption tengah */
.almu-gallery img { border-radius: 6px; width: 100%; height: auto; display: block; }
.almu-gallery .almu-caption {
  text-align: center; font-weight: 600; color: var(--almu-text); margin-top: .6rem;
}
.almu-gallery a { text-decoration: none; }

/* Strip WA + jam layanan */
.almu-wa-strip { background: var(--almu-surface); border-radius: 6px; padding: 1.25rem; margin: 2.5rem 0 1rem; }
.almu-wa-strip a { color: var(--almu-brand-dark); font-weight: 600; }
.almu-wa-strip .almu-hours { color: var(--almu-muted); font-size: .85rem; }

/* Judul halaman tidak ditampilkan di homepage (Desty tanpa judul) */
.page-template-template-homepage .entry-header { display: none; }

/* Header ala Desty: kompak, logo kiri, menu tengah (flex), cart kanan */
.site-header { padding-top: .75rem; padding-bottom: 0; }
.site-header .site-branding { margin-bottom: .5rem; }
.site-header .custom-logo-link img { max-height: 64px; width: auto; }
@media (min-width: 768px) {
  .storefront-primary-navigation > .col-full {
    display: flex !important; align-items: center; justify-content: center;
    position: relative;
  }
  .storefront-primary-navigation .main-navigation { float: none !important; }
  .storefront-primary-navigation .site-header-cart {
    position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  }
}
.main-navigation ul.menu > li > a {
  text-transform: uppercase; font-size: .85rem; letter-spacing: .04em; font-weight: 600;
}

/* Tombol WA melayang kanan-bawah (seperti Desty) */
.almu-wa-float {
  position: fixed; right: 20px; bottom: 20px; z-index: 999;
  width: 54px; height: 54px; border-radius: 50%;
  background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px rgba(0,0,0,.22);
}
.almu-wa-float:hover { background: #1ebe5b; }
.almu-wa-float svg { width: 28px; height: 28px; fill: #fff; }

@media (max-width: 768px) {
  .almu-hero-cover { min-height: 420px; }
  .almu-hero-cover h1 { font-size: 1.8rem; }
  .almu-section-title { font-size: 1.5rem; }
}