/*
Theme Name: Nourish Glow - Beauty & Wellness Center
Theme URI: https://nourish-glow-beauty.com
Description: قالب ووردبريس احترافي لمراكز التجميل
Version: 1.1
Author: Nourish Glow Development Team
License: GPL v2 or later
Text Domain: nourish-glow
*/

:root{
--rose-nude:#C38B79;
--cream:#FDF8F5;
--taupe:#A78A71;
--gold:#D9A428;
--dark:#2D241E;

--bg:var(--cream);
--card:#ffffff;
--text:#4A3F35;
--muted:#8E7F71;

--brand:var(--rose-nude);
--brand-dark:#A67262;

--shadow-sm:0 2px 8px rgba(167,138,113,0.1);
--shadow-md:0 10px 30px rgba(167,138,113,0.15);

--radius:24px;
--max:1200px;

--font-main:'Cairo',sans-serif;
--font-title:'Playfair Display',serif;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

body{
margin:0;
font-family:var(--font-main);
color:var(--text);
background:var(--bg);
line-height:1.6;
}

.wrap{
max-width:var(--max);
margin:auto;
padding:15px 15px 160px;
}

/* HEADER */

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px 16px;
background:#fff;
border-radius:18px;
box-shadow:var(--shadow-sm);
position:sticky;
top:12px;
z-index:1000;
}

.brand{
display:flex;
align-items:center;
gap:12px;
}

.logo{
width:44px;
height:44px;
background:linear-gradient(135deg,var(--brand),var(--taupe));
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-weight:800;
}

.brand-text h1{
margin:0;
font-size:16px;
}

.brand-text p{
margin:0;
font-size:10px;
color:var(--muted);
}

.btn{
border:0;
padding:9px 16px;
border-radius:12px;
font-weight:700;
cursor:pointer;
}

.btn-primary{
background:var(--dark);
color:white;
}

.btn-outline{
background:transparent;
border:1px solid var(--taupe);
color:var(--taupe);
}

/* HERO */

.hero{
text-align:center;
padding:40px 16px;
background:white;
border-radius:var(--radius);
box-shadow:var(--shadow-md);
margin-bottom:30px;
}

.hero h2{
font-size:28px;
margin:0 0 12px;
}

.sub{
color:var(--muted);
}

/* SERVICES */

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:20px;
}

.category-card{
background:white;
border-radius:var(--radius);
box-shadow:var(--shadow-md);
overflow:hidden;
}

.category-header{
padding:20px;
border-bottom:1px solid #eee;
}

.service-item{
display:flex;
justify-content:space-between;
padding:14px 16px;
border-bottom:1px solid #f6f6f6;
cursor:pointer;
}

.service-name-ar{
font-weight:700;
}

.price-tag{
font-weight:800;
color:var(--brand);
}

/* WHATSAPP */

.wa-sticky{
position:fixed;
bottom:20px;
left:0;
right:0;
display:flex;
justify-content:center;
}

.wa-btn{
background:#25D366;
color:white;
padding:14px 30px;
border-radius:40px;
font-weight:700;
}