/*
Theme Name:   Naddiya Child
Theme URI:    https://nddia.com
Description:  Child theme of Astra for the Naddiya perfume & oud store. All visual customization lives here so Astra updates never overwrite it.
Author:       Naddiya
Template:     astra
Version:      1.0.0
Requires PHP: 8.1
Text Domain:  naddiya-child
License:      GPL-2.0-or-later
*/

/* -------------------------------------------------------------------------
 * Brand palette — referenced by Customizer values too (docs/03 lists where
 * each color is entered in Astra's Customizer; these variables cover the
 * few places the Customizer cannot reach).
 * ---------------------------------------------------------------------- */
:root {
	--naddiya-bg: #faf7f2;        /* warm ivory background */
	--naddiya-ink: #241c15;       /* near-black warm text */
	--naddiya-primary: #6e1e2b;   /* deep oxblood — buttons, links */
	--naddiya-primary-dark: #521521;
	--naddiya-gold: #b98a2f;      /* accents, dividers, hover details */
	--naddiya-muted: #6f6459;     /* secondary text */
}

/* -------------------------------------------------------------------------
 * Arabic webfont, self-hosted for performance and privacy (no CDN request).
 * Download the two WOFF2 files as described in fonts/README.md; until they
 * exist the stack falls back to high-quality Arabic system fonts, so the
 * site never breaks.
 * ---------------------------------------------------------------------- */
@font-face {
	font-family: 'IBM Plex Sans Arabic';
	src: url('fonts/ibm-plex-sans-arabic-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans Arabic';
	src: url('fonts/ibm-plex-sans-arabic-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body,
button,
input,
select,
textarea {
	font-family: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
	font-weight: 700;
}

/* -------------------------------------------------------------------------
 * Store polish
 * ---------------------------------------------------------------------- */

/* Prices and phone numbers read best in Latin digits even in Arabic UI. */
.woocommerce-Price-amount,
.naddiya-phone {
	font-feature-settings: 'lnum' 1;
	direction: ltr;
	unicode-bidi: isolate;
}

/* Product cards: calm, gallery-like presentation for perfume bottles. */
.woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid rgba(36, 28, 21, 0.08);
	border-radius: 10px;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0 6px 24px rgba(36, 28, 21, 0.1);
}

/* Sale badge in brand gold instead of the default green. */
.woocommerce span.onsale {
	background-color: var(--naddiya-gold);
	color: #fff;
}

/* Checkout: keep the order button unmistakable. */
.woocommerce #payment #place_order {
	background-color: var(--naddiya-primary);
	font-weight: 700;
}

.woocommerce #payment #place_order:hover {
	background-color: var(--naddiya-primary-dark);
}

/* Trust bar under the hero (Gutenberg columns get this class in docs/03). */
.naddiya-usp-bar {
	background: #fff;
	border-block: 1px solid rgba(185, 138, 47, 0.35);
	padding: 0.75rem 0;
	font-size: 0.95rem;
	color: var(--naddiya-muted);
}

/* USP columns collapse to 2×2 on mobile instead of a tall single column. */
@media ( max-width: 781px ) {
	.naddiya-usp-bar .wp-block-columns {
		flex-wrap: wrap !important;
	}

	.naddiya-usp-bar .wp-block-column {
		flex-basis: 50% !important;
		margin-block: 0.35rem;
	}
}

/* Featured-category cards on the homepage (docs/03 §5-4). Photos replace the
 * plain cards in phase 4; the link/label structure stays the same. */
.naddiya-cat-card {
	background: #fff;
	border: 1px solid rgba(185, 138, 47, 0.35);
	border-radius: 10px;
	padding: 2rem 1rem;
	height: 100%;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.naddiya-cat-card:hover {
	box-shadow: 0 6px 24px rgba(36, 28, 21, 0.12);
	transform: translateY(-2px);
}

.naddiya-cat-card h3 a {
	color: var(--naddiya-primary);
	text-decoration: none;
}

.naddiya-cat-card h3 a:hover {
	color: var(--naddiya-primary-dark);
}

@media ( max-width: 781px ) {
	.naddiya-cat-grid.wp-block-columns {
		flex-wrap: wrap !important;
	}

	.naddiya-cat-grid .wp-block-column {
		flex-basis: calc( 50% - 0.5em ) !important;
	}
}

/* Homepage testimonial scaffolding note (replaced with real, consented
 * quotes before launch — see docs/launch-checklist). */
.naddiya-quote-pending {
	color: var(--naddiya-muted);
	font-style: normal;
}