/*
Theme Name: Taj Alnasq
Theme URI: https://alnasq.com
Author: Taj Alnasq
Description: One-page Arabic (RTL) company theme with image slider, goals section and contact form. Rebuilt to match the original alnasq.com design.
Version: 1.1.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: taj-alnasq
*/

:root{
  --green:#25c03b;
  --green-dark:#1a9a2d;
  --ink:#4a423d;
  --text:#555;
  --bg-soft:#f8f8f8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  direction:rtl;text-align:right;
  font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;
  color:var(--text);background:#fff;padding-top:76px;line-height:1.8;
}
a{color:var(--green);text-decoration:none}
a:hover{color:var(--green-dark)}

/* Header */
#header{background:#fff;height:76px;box-shadow:0 2px 12px rgba(0,0,0,.07);z-index:1000}
#header .container{height:100%;gap:18px}
#header .logo{margin:0;font-size:30px;font-weight:700;letter-spacing:.5px;line-height:1;direction:ltr}
#header .logo a{color:#111}
#header .logo span{color:var(--green)}
.mob-link{color:#666;font-size:18px;white-space:nowrap}
.navbar{padding:0;margin-inline-start:auto}
.navbar ul{display:flex;margin:0;padding:0;list-style:none;gap:6px}
.navbar a{display:block;padding:10px 16px;color:#444;font-weight:600;font-size:16px;border-bottom:2px solid transparent}
.navbar a:hover,.navbar a.active{color:var(--green);border-bottom-color:var(--green)}
.mobile-nav-toggle{display:none;font-size:26px;cursor:pointer;color:#333}
.header-social-links a{color:#777;padding:0 7px;font-size:16px}
.header-social-links a:hover{color:var(--green)}

@media (max-width:991px){
  .mobile-nav-toggle{display:block;order:3;margin-inline-start:auto}
  .navbar{margin:0;order:2}
  .navbar ul{display:none}
  .navbar.navbar-mobile ul{
    display:flex;flex-direction:column;position:absolute;top:76px;right:0;left:0;
    background:#fff;padding:10px 0;box-shadow:0 10px 20px rgba(0,0,0,.1);gap:0
  }
  .navbar.navbar-mobile a{padding:12px 24px;border-bottom:1px solid #f0f0f0}
  .header-social-links{display:none!important}
  .mob-link{display:none}
}

/* Slider */
.carousel .img-carousel{height:62vh;min-height:260px;max-height:640px;object-fit:cover}
.carousel-indicators [data-bs-target]{height:4px;width:60px}

/* Section titles */
.section-title{text-align:center;padding-bottom:30px}
.section-title h2{
  font-size:46px;font-weight:700;color:var(--ink);margin:40px 0 28px;position:relative;padding-bottom:26px
}
.section-title h2::after{
  content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:86px;height:5px;background:var(--green);border-radius:3px
}
.section-title p{max-width:900px;margin:0 auto;padding:0 20px;font-size:20px;color:#555;line-height:2.1}

/* Services / goals */
.services{padding:60px 0 80px;background:var(--bg-soft)}
.icon-box{
  background:#fff;border-radius:10px;padding:34px 26px 30px;width:100%;text-align:center;
  box-shadow:0 6px 24px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s
}
.icon-box:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.1)}
.icon-box .icon{
  width:84px;height:84px;margin:0 auto 20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:34px
}
.iconbox-blue .icon{background:#e8f1ff;color:#2f6fed}
.iconbox-yellow .icon{background:#fff5df;color:#f0a30a}
.iconbox-green .icon{background:#e6f8e9;color:var(--green-dark)}
.icon-box h4{font-size:20px;font-weight:700;color:#222;margin-bottom:12px}
.icon-box p{font-size:16px;color:#666;line-height:1.9;margin:0}

/* Contact */
.contact{padding-bottom:50px}
.contact-form{background:#fff;border-radius:10px;padding:34px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.contact-form input,.contact-form textarea{
  width:100%;border:1px solid #dcdcdc;border-radius:6px;padding:12px 16px;
  font-family:inherit;font-size:16px;margin-bottom:16px;background:#fff;color:#333
}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(37,192,59,.15)}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form button{
  background:var(--green);color:#fff;border:0;border-radius:6px;padding:12px 44px;
  font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s
}
.contact-form button:hover{background:var(--green-dark)}
.hp-field{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.form-note{padding:12px 16px;border-radius:6px;margin-bottom:18px;font-weight:600}
.form-note.ok{background:#e6f8e9;color:#146c24}
.form-note.err{background:#fdeaea;color:#a02020}

/* Footer */
#footer{background:#1d2b22;color:#cfd8d2;font-size:15px}
#footer .footer-top{padding:56px 0 24px}
#footer h4{color:#fff;font-size:20px;font-weight:700;margin-bottom:18px}
#footer p{line-height:2}
#footer a{color:#cfd8d2}
#footer a:hover{color:var(--green)}
.footer-links ul{list-style:none;padding:0;margin:0}
.footer-links li{padding:5px 0}
.footer-links i{color:var(--green);font-size:11px;margin-inline-end:8px}
#footer .copyright{color:#9fb0a6}
.social-links{text-align:left}
.social-links a{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.1);color:#fff;margin-inline-start:8px;transition:background .2s
}
.social-links a:hover{background:var(--green);color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}
@media (max-width:767px){.social-links{text-align:right;margin-top:10px}.section-title h2{font-size:36px}}

/* English (left-to-right) */
body.lang-en{direction:ltr;text-align:left}
.lang-en .section-title,.lang-en .icon-box{text-align:center}
.lang-en .social-links{text-align:right}
.lang-en #footer .footer-contact p,.lang-en #footer .footer-newsletter p{direction:ltr}
.lang-en .contact-form input,.lang-en .contact-form textarea{direction:ltr;text-align:left}
@media (max-width:767px){.lang-en .social-links{text-align:left}}