/*
 * Tigmi Berber — brand palette matched to the client's logo:
 * cream/beige ground, deep navy ring, terracotta wordmark, warm wood
 * tones (pine/honey/teak/walnut/chestnut/mahogany) for accents.
 * Layout variant: centered hero with a soft braided-motif divider,
 * warm/personal tone — rounded corners, soft shadows.
 *
 * Restyle pass: refined typographic rhythm, a proper arch/scallop motif
 * (instead of a flat diagonal stripe), soft plaster-grain section
 * texture, calmer shadows and a touch of scroll-reveal motion. Class
 * names are unchanged so every template keeps working as-is.
 */
:root{
  --cream:#F0E4C8;
  --cream-2:#E8D6B2;
  --navy:#1C2B49;
  --navy-2:#141F36;
  --rust:#B5502E;
  --rust-2:#9C4022;
  --gold:#C49142;
  --olive:#6C5C33;
  --pine:#D9B98A;
  --honey:#C68642;
  --teak:#8B5A2B;
  --walnut:#5C3A21;
  --chestnut:#6F4E37;
  --mahogany:#4A2C1D;

  --primary: var(--rust);
  --secondary: var(--gold);
  --dark: var(--navy);
  --light: var(--cream);

  --font-heading:'Cormorant Garamond', 'Amiri', Georgia, serif;
  --font-body:'Jost', 'Cairo', 'Segoe UI', sans-serif;

  --radius-lg:18px;
  --radius-md:12px;
  --radius-sm:8px;
  --shadow-sm:0 2px 10px rgba(28,43,73,.07);
  --shadow-md:0 10px 28px rgba(28,43,73,.11);
  --shadow-lg:0 20px 45px rgba(20,31,54,.18);
  --ease:cubic-bezier(.22,.68,0,1);

  /* subtle hand-plastered paper grain, tiled behind cream sections */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.11  0 0 0 0 0.17  0 0 0 0 0.29  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body.lang-ar{
  --font-heading:'Amiri', 'Cormorant Garamond', Georgia, serif;
  --font-body:'Cairo', 'Jost', 'Segoe UI', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--navy);
  background-color:var(--cream);
  background-image:var(--grain);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--navy);letter-spacing:.2px;}
p{line-height:1.75;}
a{color:var(--rust);text-decoration:none;transition:color .2s var(--ease);}
a:hover{color:var(--rust-2);}
::selection{background:var(--gold);color:var(--navy);}
.is-rtl .navbar-nav{padding-inline-start:0;}
img{max-width:100%;}

/* ---- braided / arch divider motif ---- */
.motif-divider{
  --tw:56px;
  height:22px;width:100%;
  background-color:var(--cream-2);
  background-image:
    radial-gradient(circle at 50% 100%, transparent calc(var(--tw)/2 - 1px), var(--cream) calc(var(--tw)/2)),
    linear-gradient(90deg, var(--rust) 0%, var(--gold) 50%, var(--rust) 100%);
  background-size: var(--tw) 100%, 100% 3px;
  background-position: 0 8px, 0 0;
  background-repeat: repeat-x, no-repeat;
  position:relative;
  opacity:.95;
}
.motif-divider::before,.motif-divider::after{content:none;}
.motif-divider.thin{height:14px;--tw:34px;}
.diamond-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:1.5rem 0;}
.diamond-rule span{width:10px;height:10px;background:var(--rust);transform:rotate(45deg);display:inline-block;box-shadow:0 0 0 4px rgba(181,80,46,.12);}
.diamond-rule::before,.diamond-rule::after{content:"";flex:1;max-width:120px;height:1px;background:linear-gradient(90deg, transparent, var(--gold), transparent);}

/* ---- topbar / nav ---- */
.topbar-strip{background:var(--navy);color:var(--cream);font-size:.82rem;padding:7px 0;letter-spacing:.2px;}
.topbar-strip a{color:var(--cream-2);margin-inline-end:18px;}
.topbar-strip a:hover{color:#fff;}
.topbar-contact i{margin-inline-end:5px;color:var(--gold);}
.lang-switch a{color:var(--cream-2);margin-inline-start:6px;font-weight:600;letter-spacing:.5px;padding:3px 8px;border-radius:20px;font-size:.78rem;transition:.2s var(--ease);}
.lang-switch a.active,.lang-switch a:hover{color:var(--navy);background:var(--gold);}

.site-header{background:rgba(240,228,200,.94);backdrop-filter:saturate(140%) blur(6px);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom:3px solid var(--navy);}
.navbar-brand img{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));}
.nav-link{font-family:var(--font-heading);font-weight:600;color:var(--navy)!important;padding:.5rem 1rem!important;position:relative;}
.nav-link::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.15rem;height:2px;background:var(--rust);transform:scaleX(0);transform-origin:center;transition:transform .25s var(--ease);}
.nav-link:hover{color:var(--rust)!important;}
.nav-link:hover::after{transform:scaleX(1);}
.btn-quote{background:var(--rust);color:#fff!important;border:none;border-radius:8px;padding:.6rem 1.4rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;box-shadow:0 6px 16px rgba(181,80,46,.28);transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);}
.btn-quote:hover{background:var(--navy);color:var(--cream)!important;transform:translateY(-2px);box-shadow:0 10px 22px rgba(28,43,73,.3);}
.btn-outline-brand{border:1.5px solid var(--navy);color:var(--navy);border-radius:8px;background:transparent;font-weight:600;transition:.2s var(--ease);}
.btn-outline-brand:hover{background:var(--navy);color:var(--cream);border-color:var(--navy);transform:translateY(-2px);}
.btn-outline-light{border-radius:8px;font-weight:600;transition:.2s var(--ease);}
.btn-outline-light:hover{transform:translateY(-2px);}
.btn{letter-spacing:.2px;}

/* ---- hero ---- */
.hero{position:relative;color:#fff;padding:8rem 0 6.5rem;background-size:cover;background-position:center;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg, rgba(20,31,54,.35) 0%, rgba(20,31,54,.55) 55%, rgba(20,31,54,.82) 100%);}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background-color:var(--cream-2);
  background-image:
    radial-gradient(circle at 50% 100%, transparent 27px, var(--cream) 28px),
    linear-gradient(90deg, var(--rust) 0%, var(--gold) 50%, var(--rust) 100%);
  background-size:56px 100%, 100% 3px; background-position:0 8px,0 0; background-repeat:repeat-x,no-repeat;}
.hero .hero-inner{position:relative;z-index:2;}
.hero .hero-kicker{display:inline-block;font-family:var(--font-body);font-size:.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-weight:600;}
.hero h1{color:#fff;font-size:clamp(2.4rem,5vw,3.6rem);text-shadow:0 2px 16px rgba(0,0,0,.4);margin-bottom:.6rem;}
.hero .lead{opacity:.95;font-size:1.25rem;max-width:640px;margin-inline:auto;text-shadow:0 1px 8px rgba(0,0,0,.3);}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:2rem;}

.page-hero{position:relative;color:#fff;padding:5.5rem 0;background-size:cover;background-position:center;}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(20,31,54,.5), rgba(20,31,54,.72));}
.page-hero .page-hero-inner{position:relative;z-index:2;text-align:center;}
.page-hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);}

/* ---- sections ---- */
.section-heading{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.5rem;text-align:center;position:relative;}
.section-heading::after{content:"";display:block;width:64px;height:3px;margin:.7rem auto 0;background:linear-gradient(90deg,var(--rust),var(--gold));border-radius:3px;}
.section-sub{text-align:center;color:var(--olive);max-width:640px;margin:0 auto 2.4rem;font-size:1.05rem;}
.section-tinted{background-color:var(--cream-2);background-image:var(--grain);position:relative;}

/* ---- cards ---- */
.item-card,.blog-card{border:1px solid rgba(28,43,73,.07);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease);background:#fff;}
.item-card:hover,.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.card-link{text-decoration:none;color:inherit;display:block;}
.card-img-top{height:220px;object-fit:cover;transition:transform .5s var(--ease);}
.item-card:hover .card-img-top,.blog-card:hover .card-img-top{transform:scale(1.05);}
.item-card .card-body,.blog-card .card-body{padding:1.4rem;}
.item-card h3,.blog-card h3,.item-card h2,.blog-card h2{font-size:1.3rem;margin-bottom:.5rem;}
.item-meta{color:var(--olive);font-size:.9rem;margin-bottom:.5rem;}
.badge-cat{background:var(--gold);color:var(--navy);font-weight:600;border-radius:20px;padding:.32em .9em;font-size:.72rem;letter-spacing:.4px;text-transform:uppercase;}

/* ---- footer ---- */
.site-footer{background:var(--navy);color:var(--cream-2);position:relative;}
.site-footer::before{content:"";display:block;height:6px;background:linear-gradient(90deg,var(--rust),var(--gold),var(--rust));}
.site-footer h5{color:#fff;font-family:var(--font-heading);margin-bottom:1rem;letter-spacing:.3px;}
.site-footer a{color:var(--cream-2);}
.site-footer a:hover{color:#fff;}
.site-footer hr{border-color:rgba(232,214,178,.15);}
.footer-links li{margin-bottom:.5rem;}
.social-links a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-radius:50%;margin-inline-end:8px;transition:.2s var(--ease);}
.social-links a:hover{background:var(--rust);transform:translateY(-3px);}
.newsletter-form .form-control{border-radius:8px 0 0 8px;background:rgba(255,255,255,.06);border-color:rgba(232,214,178,.25);color:#fff;}
.newsletter-form .form-control::placeholder{color:rgba(232,214,178,.6);}
.newsletter-form .btn-quote{border-radius:0 8px 8px 0;}
.is-rtl .newsletter-form .form-control{border-radius:0 8px 8px 0;}
.is-rtl .newsletter-form .btn-quote{border-radius:8px 0 0 8px;}
.whatsapp-float{position:fixed;bottom:24px;inset-inline-end:24px;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 26px rgba(0,0,0,.32);z-index:1000;animation:wa-pulse 2.6s ease-in-out infinite;}
@keyframes wa-pulse{0%,100%{box-shadow:0 10px 26px rgba(0,0,0,.32),0 0 0 0 rgba(37,211,102,.45);}50%{box-shadow:0 10px 26px rgba(0,0,0,.32),0 0 0 10px rgba(37,211,102,0);}}

/* ---- content pages ---- */
.content-block{max-width:820px;margin:0 auto;}
.content-block p{line-height:1.9;margin-bottom:1.3rem;color:#2c2c2c;}
.price{font-weight:700;color:var(--rust);font-size:1.25rem;}
.sidebar-box{background:#fff;border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);}
.quote-box{background:var(--navy);color:var(--cream);border-radius:var(--radius-md);}
.quote-box .btn-quote{background:var(--rust);}
.comment{background:#fff;border:1px solid rgba(28,43,73,.08);border-radius:var(--radius-md);padding:18px;}
.share-buttons a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--cream-2);border-radius:50%;margin-inline-end:8px;color:var(--navy);transition:.2s var(--ease);}
.share-buttons a:hover{background:var(--gold);transform:translateY(-2px);}

/* ---- gallery ---- */
.gallery-grid img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;height:260px;object-fit:cover;transition:transform .45s var(--ease);}
.gallery-item{position:relative;overflow:hidden;border-radius:var(--radius-md);}
.gallery-item:hover img{transform:scale(1.06);}
.gallery-item .caption{position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;background:linear-gradient(0deg, rgba(20,31,54,.88), transparent);color:#fff;padding:16px;font-family:var(--font-heading);font-size:1.05rem;}

/* ---- accordion (FAQ) ---- */
.accordion-item{border-radius:var(--radius-sm)!important;overflow:hidden;margin-bottom:.6rem;border-color:rgba(28,43,73,.1)!important;}
.accordion-button{font-family:var(--font-heading);font-weight:600;color:var(--navy);}
.accordion-button:not(.collapsed){background:var(--cream-2);color:var(--rust);}
.accordion-button:focus{box-shadow:none;border-color:var(--gold);}

/* ---- filter bar ---- */
.filter-bar .btn{border-radius:20px;margin-inline-end:6px;margin-bottom:6px;}

/* ---- forms ---- */
.form-control,.form-select{border-radius:var(--radius-sm);border-color:rgba(28,43,73,.2);}
.form-control:focus,.form-select:focus{border-color:var(--rust);box-shadow:0 0 0 .2rem rgba(181,80,46,.15);}

/* ---- scroll reveal (progressive enhancement; see site.js) ---- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease), transform .6s var(--ease);}
.reveal.is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .whatsapp-float{animation:none;}
  *{scroll-behavior:auto!important;}
}

/* ---- responsive ---- */
@media (max-width:767px){
  .hero{padding:5.5rem 0 4.5rem;}
  .hero h1{font-size:2.1rem;}
  .section-heading{font-size:1.6rem;}
  .whatsapp-float{width:50px;height:50px;font-size:24px;bottom:16px;}
}