/* =================================
   RMAH STORE FULL CSS THEME
   تصميم خاص لمتجر رماح
================================= */

/* ألوان الهوية */

:root{
--rmah-bg:#E8DCC8;
--rmah-light:#F4EBDD;
--rmah-pattern:#D5C5AE;
--rmah-brown:#2D221B;
--rmah-accent:#A67C52;
--rmah-soft:#CBB79B;
}


/* الخلفية العامة */

body{
background:var(--rmah-bg);
color:var(--rmah-brown);
font-family:'Tajawal', sans-serif;
}


/* =================================
   HEADER
================================= */

.header,
.site-header{
background:var(--rmah-bg);
border-bottom:1px solid var(--rmah-pattern);
}


/* =================================
   NAVBAR
================================= */

.navbar a{
color:var(--rmah-brown);
font-weight:500;
}

.navbar a:hover{
color:var(--rmah-accent);
}


/* =================================
   SEARCH BOX
================================= */

.search-input{
border:1px solid var(--rmah-pattern);
border-radius:8px;
background:#fff;
}


/* =================================
   BUTTONS
================================= */

.btn-primary,
.button-primary,
.s-button-primary{

background:var(--rmah-brown);
border-color:var(--rmah-brown);
color:#fff;
border-radius:8px;
transition:0.3s;
font-weight:600;
}

.btn-primary:hover,
.button-primary:hover,
.s-button-primary:hover{

background:var(--rmah-accent);
border-color:var(--rmah-accent);
color:#fff;

}


/* =================================
   PRODUCT CARD
================================= */

.product-card{
background:var(--rmah-light);
border:1px solid var(--rmah-pattern);
border-radius:14px;
transition:0.3s;
overflow:hidden;
}

.product-card:hover{
transform:translateY(-6px);
box-shadow:0 8px 22px rgba(0,0,0,0.10);
}


/* =================================
   PRODUCT IMAGE
================================= */

.product-card img{
border-radius:10px;
}


/* =================================
   PRODUCT TITLE
================================= */

.product-title{
color:var(--rmah-brown);
font-weight:600;
font-size:15px;
}


/* =================================
   PRICE
================================= */

.product-price{
color:var(--rmah-accent);
font-weight:700;
font-size:16px;
}


/* =================================
   ADD TO CART BUTTON
================================= */

.product-card .btn{
background:var(--rmah-brown);
color:#fff;
border-radius:6px;
}

.product-card .btn:hover{
background:var(--rmah-accent);
}


/* =================================
   CATEGORY CARD
================================= */

.category-card{
background:var(--rmah-light);
border-radius:10px;
border:1px solid var(--rmah-pattern);
transition:0.3s;
}

.category-card:hover{
transform:translateY(-4px);
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}


/* =================================
   SECTION TITLES
================================= */

.section-title{
color:var(--rmah-brown);
font-weight:700;
font-size:22px;
margin-bottom:10px;
}


/* =================================
   BADGES
================================= */

.badge,
.product-badge{
background:var(--rmah-accent);
color:#fff;
border-radius:6px;
}


/* =================================
   SALE BADGE
================================= */

.sale-badge{
background:#b53b3b;
color:#fff;
border-radius:6px;
}


/* =================================
   CART ICON
================================= */

.cart-icon{
color:var(--rmah-brown);
}


/* =================================
   FOOTER
================================= */

.footer{
background:var(--rmah-brown);
color:#fff;
padding:40px 0;
}

.footer a{
color:#fff;
}

.footer a:hover{
color:var(--rmah-soft);
}


/* =================================
   PRODUCT PAGE
================================= */

.product-single{
background:var(--rmah-light);
border-radius:12px;
padding:20px;
}


/* =================================
   REVIEW SECTION
================================= */

.review-box{
background:#fff;
border-radius:10px;
border:1px solid var(--rmah-pattern);
padding:15px;
}


/* =================================
   CART PAGE
================================= */

.cart-item{
border-bottom:1px solid var(--rmah-pattern);
padding:15px 0;
}


/* =================================
   CHECKOUT
================================= */

.checkout-box{
background:#fff;
border-radius:10px;
border:1px solid var(--rmah-pattern);
padding:20px;
}


/* =================================
   HOVER EFFECT LUXURY
================================= */

.product-card:hover .product-title{
color:var(--rmah-accent);
}


/* =================================
   SCROLL BAR
================================= */

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-track{
background:var(--rmah-light);
}

::-webkit-scrollbar-thumb{
background:var(--rmah-accent);
border-radius:10px;
}