/*
Theme Name: Astra Child Daafi
Theme URI: https://mujamalah.id
Description: Child theme Astra untuk Daafi - Haji Mujamalah. Homepage di-freeze di front-page.php.
Template: astra
Version: 1.0
Author: Panorama Digital AI
Text Domain: astra-child-daafi
*/

/* =========================================================
   Branding halaman WordPress (paket, testimoni, blog, archive)
   CATATAN: homepage disajikan statis (index.html) sehingga
   aturan di bawah TIDAK mempengaruhi tampilan homepage.
   ========================================================= */

:root {
	--d-navy: #0a1a2f;
	--d-navy-2: #071a33;
	--d-gold: #c9a227;
	--d-gold-2: #e8d48b;
	--d-paper: #f7f5f0;
	--d-line: #e4dfd5;
}

body {
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
	background: var(--d-paper);
	color: #1b2432;
}

h1, h2, h3, h4, .entry-title, .site-title, .ast-archive-description h1,
.woocommerce h1, .widget-title {
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 600;
	letter-spacing: -0.01em;
}

/* --- Header navy + aksen emas --- */
.ast-primary-header-bar,
.main-header-bar,
.ast-above-header-bar {
	background: var(--d-navy) !important;
	border-bottom: 2px solid var(--d-gold);
}

.ast-primary-header-bar a,
.main-header-bar a,
.site-title a,
.ast-menu-toggle,
.ast-header-woo-navigation a {
	color: #e9edf4 !important;
}

.ast-primary-header-bar a:hover,
.main-header-bar a:hover,
.site-title a:hover {
	color: var(--d-gold-2) !important;
}

.ast-primary-header-bar .menu-item::after {
	border-color: var(--d-gold-2) transparent transparent !important;
}

.ast-primary-header-bar .sub-menu {
	background: var(--d-navy-2) !important;
	border-top: 2px solid var(--d-gold);
}

/* --- Judul halaman / archive --- */
.ast-archive-description,
.page-title {
	background: linear-gradient(120deg, var(--d-navy), var(--d-navy-2) 60%, #12294a);
	color: #f2f5fa;
	padding: 46px 0;
	margin-bottom: 34px;
	border-bottom: 2px solid var(--d-gold);
}

.ast-archive-description *,
.page-title * {
	color: #f2f5fa !important;
}

.ast-archive-description h1,
.page-title h1,
.entry-title {
	color: var(--d-navy);
}

.ast-archive-description h1,
.ast-archive-description .ast-archive-title {
	color: var(--d-gold-2) !important;
	font-size: clamp(1.9rem, 3.4vw, 2.6rem);
}

.ast-archive-description p {
	color: #c4cede !important;
	max-width: 68ch;
}

/* --- Kartu pos (archive paket / testimoni / blog) --- */
.ast-grid-post,
.ast-article-post,
.astra-post,
.post {
	background: #fff;
	border: 1px solid var(--d-line);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 20px 44px -40px rgba(10, 26, 47, 0.7);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.ast-grid-post:hover,
.ast-article-post:hover {
	transform: translateY(-4px);
	box-shadow: 0 30px 56px -44px rgba(10, 26, 47, 0.85);
	border-color: #e8d9a8;
}

.entry-title a {
	color: var(--d-navy);
}

.entry-title a:hover {
	color: var(--d-gold);
}

.post-meta,
.entry-meta,
.ast-arc-category-links a {
	color: #6b7688;
	font-size: 0.84rem;
}

.post-meta a,
.entry-meta a {
	color: var(--d-gold) !important;
}

/* --- Konten tunggal (single paket / artikel) --- */
.entry-content {
	max-width: 76ch;
	font-size: 1.03rem;
	line-height: 1.75;
}

.entry-content a {
	color: var(--d-gold);
	text-decoration: underline;
}

button,
.wp-block-button__link,
input[type="submit"] {
	background: var(--d-gold) !important;
	color: #22190a !important;
	border-radius: 99px !important;
	font-weight: 600;
}

/* --- Footer navy --- */
.site-footer,
.ast-small-footer-wrap,
.ast-footer-wrap {
	background: var(--d-navy-2) !important;
	border-top: 2px solid var(--d-gold);
	color: #93a3b8;
}

.site-footer a,
.ast-small-footer a {
	color: var(--d-gold-2) !important;
}

.site-footer .widget-title,
.ast-footer-wrap h4 {
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.8rem;
}

/* --- Tombol WhatsApp mengambang (halaman WP saja) --- */
.daafi-wa-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	background: #25d366;
	color: #04301a;
	font-weight: 700;
	font-size: 0.9rem;
	padding: 14px 22px;
	border-radius: 99px;
	box-shadow: 0 18px 40px -18px rgba(37, 211, 102, 0.9);
	text-decoration: none;
}

.daafi-wa-float:hover {
	color: #04301a;
	transform: translateY(-3px);
}

@media (max-width: 600px) {
	.daafi-wa-float {
		padding: 15px;
		right: 16px;
		bottom: 16px;
	}
}