/*
Theme Name: Tarahom Theme
Theme URI: https://tarahom.creativitystep.com
Author: Tarahom
Description: Custom RTL theme implementing the provided static design.
Version: 1.0
Text Domain: tarahom
*/
:root{
  --navy:#1B8354; --ink:#0f6941; --cta:#6CAEDD; --green:#1B8354;
  --chip-gray:#E5E9EE; --chip-gray-text:#2B3B4B; --chip-blue:#0E3D74; --chip-blue-text:#E6F0FB;
  --r-12:12px; --r-16:16px; --r-20:20px;
  --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-14:56px;
  --container-w:1140px;
  --overlap:56px;
  --ease: cubic-bezier(.2,.65,.3,1);
  --dur: 500ms;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,Arial;color:#162534}
a{color:inherit;text-decoration:none}
:target{scroll-margin-top:78px}
.container{max-width:var(--container-w)!important}

/* NAV */
.navbar{min-height:56px}
.navbar .nav-link{color:#1c1f26;font-weight:500;padding-inline:var(--sp-4)}
.navbar .nav-link .chev{display:inline-block;margin-inline-start:.25rem;color:#9AA5B1}
.navbar .navbar-toggler{border:0}

/* HERO */
.hero{margin-top:56px;position:relative;color:#fff;isolation:isolate}
.hero .carousel{position:relative}
.hero-slide{height:320px;background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,58,104,.92),rgba(16,58,104,.78));pointer-events:none}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:calc(48px + var(--overlap))}
.hero-title{color:#cfe0f2;margin-bottom:var(--sp-3);font-weight:800;font-size:1.9rem;line-height:1.25}
.hero-sub{max-width:760px;color:#d7e6f5;font-size:1.02rem;margin-bottom:var(--sp-5);line-height:1.7}
.btn-cta{display:inline-block;background:var(--cta);color:#fff;border:0;border-radius:8px;padding:.62rem 1.28rem;box-shadow:0 10px 18px rgba(0,0,0,.12);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(0,0,0,.18)}

/* FEATURES */
.features{position:relative;z-index:2}
.feature-row{margin-top:calc(-1 * var(--overlap))}
.feature-card{border:0;border-radius:var(--r-12);box-shadow:0 8px 24px rgba(0,0,0,.08);min-height:168px;transition:transform 320ms var(--ease), box-shadow 320ms var(--ease)}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.12)}
.feature-card .card-body{padding:var(--sp-6)}
.feat-icon{width:56px;height:56px;object-fit:contain}
.feature-title{font-weight:700;color:var(--ink);margin-bottom:var(--sp-2);line-height:1.2}
.feature-text{color:#667489;font-size:.95rem;margin:0;line-height:1.6}
.section-heading{margin-top:var(--sp-8);margin-bottom:var(--sp-4)}
.section-title{color:var(--ink);font-weight:700}

/* CATEGORIES GRID (home) */
#cats{margin-top:var(--sp-4)}
.cat-card{border:1px solid #EDF1F6;border-radius:var(--r-12);box-shadow:0 8px 18px rgba(0,0,0,.05);min-height:150px;transition:transform 320ms var(--ease), box-shadow 320ms var(--ease)}
.cat-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.cat-card .card-body{padding:var(--sp-6)}
.cat-icon{width:64px;height:64px;object-fit:contain}
.cat-title{font-weight:600;color:#1a2a3a;line-height:1.45;margin-bottom:var(--sp-3)}
.count{position:absolute;inset-inline-end:16px;inset-block-end:12px;color:#3B7AB3;font-weight:500;font-size:.9rem}
html[dir="ltr"] .count{left:16px;right:auto}

/* SECTORS (home) */
.sectors{padding:var(--sp-12) 0 calc(var(--sp-12) - 8px)}
.tile{position:relative;border-radius:var(--r-20);box-shadow:0 12px 24px rgba(0,0,0,.10);color:#fff;min-height:116px;display:block;padding:var(--sp-6)!important;transition:transform 360ms var(--ease), box-shadow 360ms var(--ease)}
.tile:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(0,0,0,.16)}
.tile-navy{background:var(--navy)} .tile-green{background:var(--green)}
.tile-title{text-align:center;font-weight:600;margin:2px 0 0}
.tile-count{position:absolute;inset-block-end:12px;inset-inline-end:16px;font-size:.9rem;opacity:.95}
html[dir="ltr"] .tile-count{left:16px;right:auto}

/* POPULAR (home) */
.popular{padding:var(--sp-12) 0 var(--sp-12)}
.popular-card{background:var(--navy);border:0;border-radius:var(--r-12);box-shadow:0 12px 24px rgba(0,0,0,.12);min-height:160px;transition:transform 320ms var(--ease), box-shadow 320ms var(--ease);position:relative}
.popular-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.16)}
.popular-card .card-body{padding:var(--sp-6) var(--sp-6) calc(var(--sp-6) + 44px)}
.card-title-fixed{margin:0;line-height:1.45}
.tags{position:absolute;inset-block-end:12px;inset-inline-end:16px;display:flex;gap:8px;flex-direction:column;align-items:flex-start}
html[dir="ltr"] .tags{left:16px;right:auto}
.chip{display:inline-block;padding:.28rem .62rem;border-radius:999px;font-size:.82rem;transition:filter 300ms var(--ease), transform 300ms var(--ease)}
.chip:hover{filter:brightness(1.05);transform:translateY(-1px)}
.chip-gray{background:var(--chip-gray);color:var(--chip-gray-text)}
.chip-blue{background:var(--chip-blue);color:var(--chip-blue-text)}
.arrow-left{font-size:1rem}

/* REVEAL */
.reveal-up{opacity:0;transform:translateY(18px);transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease)}
.reveal-fade{opacity:0;transition:opacity var(--dur) var(--ease)}
.reveal-up.is-visible, .reveal-fade.is-visible{opacity:1;transform:none}
.delay-1{transition-delay:120ms}
.delay-2{transition-delay:240ms}

/* FOOTER */
.footer-band{background:var(--navy);min-height:176px}
.footer-band img{filter:brightness(1.1) saturate(1.05)}

@media (max-width:575.98px){
  .hero-slide{height:360px}
  .hero-content{padding-bottom:calc(32px + var(--overlap))}
  .hero-title{font-size:1.6rem}
  .hero-sub{font-size:.95rem}
}

/* -------------------- Branch page: category listing -------------------- */
.subnav-band{background:#1B8354;height:44px;color:#fff;display:flex;align-items:center}
.breadcrumb-rtl{font-size:.95rem}
.breadcrumb-rtl .sep{opacity:.6;margin-inline:10px}
.filter-card{border:1px solid #E8EEF5;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:16px;background:#fff}
.filter-row+.filter-row{margin-top:16px}
.search-group{display:flex;gap:12px;justify-content:flex-start}
.search-group .btn{min-width:90px}
.search-input{border:1px solid #E3EAF3;border-radius:10px;height:46px;padding-inline:14px;width:100%;background:#fff}
.select{display:flex;align-items:center;gap:10px;border:1px solid #E3EAF3;border-radius:10px;height:44px;padding-inline:12px;background:#fff;position:relative}
.select:after{content:'▾';position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#7A8A9A;font-size:12px}
.clear-btn{padding:.4rem .9rem;border-radius:8px;background:#1B8354;color:#fff;border:0;box-shadow:0 6px 14px rgba(0,0,0,.08)}
.clear-btn:hover{filter:brightness(1.05)}
.svc-card{border:1px solid #EEF2F7;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.06);min-height:135px;position:relative;transition:transform 320ms var(--ease), box-shadow 320ms var(--ease)}
.svc-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.svc-card .card-body{padding:16px 16px 52px;text-align:center}
.svc-card .tags{inset-block-end:10px;inset-inline-end:12px}
.sidebar-card{border:1px solid #E8EEF5;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.06);overflow:hidden;background:#fff}
.sidebar-card .head{background:#1B8354;color:#fff;padding:10px 14px;font-weight:700}
.sidebar-card .list-group-item{display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid #EEF2F7;padding:12px 14px;color:#1c2b39}
.sidebar-card .list-group-item .arrow{opacity:.55}

/* ========== Services / Category page fix ========== */
.subnav-band{
  background:#1B8354; color:#fff; padding:18px 0;
}
.subnav-band .sep{opacity:.6; margin:0 .35rem;}

.filter-card{background:#fff;border-radius:16px;box-shadow:0 12px 32px rgba(16,58,107,.08);}
.filter-card .inner{padding:16px 18px;}
.filter-row + .filter-row{margin-top:12px;}
.search-input{height:48px;border-radius:12px;border:1px solid #e6e9ef;padding-inline:16px;}

.filter-select.form-select{
  height:48px;border-radius:12px;border:1px solid #e6e9ef;
  padding-inline-start:14px;padding-inline-end:42px;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230F3A6B' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:left 14px center; /* RTL */
}
.clear-btn{color:#1B8354;font-weight:600}

.svc-card{border:0;border-radius:14px;box-shadow:0 10px 28px rgba(16,58,107,.10);transition:.2s ease;}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,58,107,.16);}
.svc-card .chip{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;margin:.125rem;}
.chip-gray{background:#eef2f6;color:#334}
.chip-blue{background:#e7f1ff;color:#1B8354}

.sidebar-card{background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(16,58,107,.10);overflow:hidden;}
.sidebar-card .head{padding:12px 16px;font-weight:700;border-bottom:1px solid #eef2f6}
.sidebar-card .list-group-item{padding:12px 16px;border:0;border-bottom:1px solid #f2f4f7;display:flex;justify-content:space-between;align-items:center}
.sidebar-card .list-group-item:hover,
.sidebar-card .list-group-item.active{background:#1B8354;color:#fff}
.sidebar-card .list-group-item .arrow{opacity:.7}
.select.muted{color:#9aa3af;border:1px dashed #e6e9ef;border-radius:12px;height:48px;display:flex;align-items:center;justify-content:center}
/* ===== Category/Services page styles ===== */
.subnav-band{background:#1B8354;color:#fff;padding:18px 0}
.subnav-band .sep{opacity:.6;margin:0 .35rem}

.filter-card{background:#fff;border-radius:16px;box-shadow:0 12px 32px rgba(16,58,107,.08)}
.filter-card .inner{padding:16px 18px}
.filter-row + .filter-row{margin-top:12px}
.search-input{height:48px;border-radius:12px;border:1px solid #e6e9ef;padding-inline:16px}

.filter-select.form-select{
  height:48px;border-radius:12px;border:1px solid #e6e9ef;
  padding-inline-start:14px;padding-inline-end:42px;background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230F3A6B' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 14px center;
}
.clear-btn{color:#1B8354;font-weight:600}

.svc-card{border:0;border-radius:14px;box-shadow:0 10px 28px rgba(16,58,107,.10);transition:.2s ease}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,58,107,.16)}
.svc-card .chip{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;margin:.125rem}
.chip-gray{background:#eef2f6;color:#334}
.chip-blue{background:#e7f1ff;color:#1B8354}

.sidebar-card{background:#fff;border-radius:14px;box-shadow:0 10px 28px rgba(16,58,107,.10);overflow:hidden}
.sidebar-card .head{padding:12px 16px;font-weight:700;border-bottom:1px solid #eef2f6}
.sidebar-card .list-group-item{padding:12px 16px;border:0;border-bottom:1px solid #f2f4f7}
.sidebar-card .list-group-item:hover,
.sidebar-card .list-group-item.active{background:#1B8354;color:#fff}
.sidebar-card .arrow{opacity:.7}







/* ================== RTL + BASE ================== */
:root{
  --navy:#1B8354; --green:#1B8354; --muted:#6B7280; --card:#fff;
  --radius:14px; --shadow:0 12px 30px rgba(16,58,107,.12);
}
html{scroll-behavior:smooth}
body{font-family:"Tajawal",system-ui,-apple-system,Segoe UI,Roboto,sans-serif; direction:rtl;}
.container{max-width:1160px}

/* ================== NAVBAR ================== */
.navbar{background:#fff}
.navbar .navbar-nav .nav-link{padding:10px 14px; color:#263238;}
.navbar .navbar-nav .nav-link .chev{margin-inline-start:6px; opacity:.6}

/* ================== HERO ================== */
.hero{position:relative; background:#0b2748; color:#fff}
.hero .carousel,
.hero .hero-slide{height:310px}
.hero .hero-slide{
  background-size:cover; background-position:center;
  filter:grayscale(.1) brightness(.72);
}
/*.hero::after{content:"";position:absolute;inset:0;background:*/
/*linear-gradient(180deg,rgba(4,27,54,.40),rgba(4,27,54,.40))}*/
.hero-content{position:absolute; inset:0; display:grid; place-items:center; text-align:center}
.hero-title{font-weight:800; font-size:28px; margin-bottom:8px}
.hero-sub{max-width:760px; line-height:1.9; font-size:15px}
.btn-cta{background:#3E7AC4;border:0;border-radius:10px;padding:10px 16px;color:#fff}

/* ================== FEATURE CARDS (التراكب) ================== */
.features{position:relative; z-index:2; margin-top:-86px}
.feature-row .card{border:0;border-radius:16px;box-shadow:var(--shadow);height:100%}
.feature-card .feat-icon{width:70px;height:auto}
.feature-card .feature-title{font-weight:800; font-size:18px; margin:6px 0 8px}
.feature-card .feature-text{color:#4B5563; font-size:14px; line-height:1.9}

/* ================== تصفح بحسب التصنيف ================== */
.section-title{font-weight:800; font-size:18px}
#cats .cat-card{border:0;border-radius:16px;box-shadow:var(--shadow);transition:.2s}
#cats .cat-card:hover{transform:translateY(-4px)}
#cats .cat-icon{height:64px}
#cats .cat-title{font-weight:700; margin-bottom:6px}
#cats .count{position:absolute;inset-inline-start:18px;bottom:14px;color:#567; font-size:13px}

/* ================== تصفح بحسب القطاع ================== */
.sectors{padding:36px 0}
.tile{min-height:136px;color:#fff;border-radius:18px;box-shadow:var(--shadow)}
.tile-navy{background:#1B8354}
.tile-green{background:#1B8354}
.tile .tile-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:22px 24px}
.tile-title{font-size:20px;font-weight:700}
.tile-count{opacity:.85;font-size:13px}

/* ================== الأكثر تصفحًا ================== */
.popular{padding:36px 0}
.popular-card{background:#1B8354;border:0;border-radius:16px;box-shadow:var(--shadow)}
.card-title-fixed{min-height:46px;margin-bottom:10px}
.tags .chip{display:inline-block;margin:.125rem;padding:.25rem .6rem;border-radius:999px;font-size:.78rem}
.chip-gray{background:#eef2f6;color:#334}
.chip-blue{background:#e7f1ff;color:var(--navy)}
.browse-all{color:#111}

/* ================== FOOTER ================== */
.footer-band{background:#1B8354;padding:60px 0 40px}

/* ================== صفحة الخدمات (قالب Services) ================== */
.subnav-band{background:#1B8354;color:#fff;padding:18px 0}
.subnav-band .sep{opacity:.6;margin:0 .35rem}

.filter-card{background:#fff;border-radius:16px;box-shadow:var(--shadow)}
.filter-card .inner{padding:18px}
.filter-row + .filter-row{margin-top:12px}
.search-input{height:48px;border-radius:12px;border:1px solid #e6e9ef;padding-inline:16px}
.filter-select.form-select{
  height:48px;border-radius:12px;border:1px solid #e6e9ef;
  padding-inline-start:14px;padding-inline-end:42px;background:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230F3A6B' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 14px center; /* RTL */
}
.clear-btn{color:var(--navy);font-weight:600}

.svc-card{border:0;border-radius:16px;background:#fff;box-shadow:var(--shadow);transition:.2s}
.svc-card:hover{transform:translateY(-4px)}
.svc-card .card-body{padding:20px 18px; text-align:center}
.svc-card .fw-bold{font-weight:700}

.sidebar-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.sidebar-card .head{padding:12px 16px;font-weight:800;border-bottom:1px solid #eef2f6;background:#1B8354;color:#fff}
.sidebar-card .list-group-item{padding:12px 16px;border:0;border-bottom:1px solid #f2f4f7;display:flex;justify-content:space-between;align-items:center}
.sidebar-card .list-group-item:hover,.sidebar-card .list-group-item.active{background:#1B8354;color:#fff}
.sidebar-card .arrow{opacity:.7}

/* ================== حركات بسيطة ================== */
.reveal-up{opacity:0; transform:translateY(16px); transition:.5s ease}
.reveal-up.show{opacity:1; transform:none}
.reveal-fade{opacity:0; transition:.6s ease}
.reveal-fade.show{opacity:1}



/* ===== Service Single (Tarahom) ===== */
.svc-single{direction:rtl;text-align:right}
.svc-title{font-weight:800;color:#1B8354;margin:0 0 .25rem}
.svc-intro{color:#4b5563;margin:0 0 .75rem}

.svc-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
.svc-badge{display:inline-block;background:#eef5ff;color:#1B8354;border-radius:10px;padding:.2rem .55rem;font-size:.85rem}
.svc-badge--gray{background:#eef2f5;color:#1f2937}
.svc-badge--blue{background:#e9f2ff;color:#1B8354}

.svc-cta{display:inline-block;background:#1B8354;color:#fff !important;border-radius:8px;padding:.55rem 1rem;text-decoration:none}
.svc-cta:hover{opacity:.9}
.svc-sla{font-size:.9rem;color:#1B8354;text-decoration:none}
.svc-sla .ico-link{display:inline-block;width:14px;height:14px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(-45deg);margin-left:.35rem}

.svc-share{background:#cfe6ff;padding:.75rem;border-radius:8px;display:inline-block}
.svc-share__title{font-weight:600;margin-bottom:.35rem}
.svc-share__icons{display:flex;gap:.5rem}
.svc-share__icons a span{display:inline-block;width:28px;height:28px;border-radius:4px;background:#1B8354}
.svc-share__icons a span.fb{background:#3b5998}
.svc-share__icons a span.x{background:#111}
.svc-share__icons a span.in{background:#0a66c2}
.svc-share__icons a span.wa{background:#25d366}

.svc-sidecard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-bottom:16px}
.svc-sidecard .item{display:flex;gap:.65rem;align-items:flex-start;padding:.35rem 0}
.svc-sidecard .label{font-size:.9rem;color:#6b7280}
.svc-sidecard .val{font-weight:600}
.svc-sidecard .ico{width:22px;height:22px;border-radius:6px;background:#e9f2ff;display:inline-block;position:relative}
.svc-sidecard .ico::before{content:"";position:absolute;inset:5px;border-radius:3px;background:#1B8354}
.svc-sidecard .ico.user::before{clip-path: path("M6 8a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z M3 15c0-2.5 2.5-4 6-4s6 1.5 6 4Z");}
.svc-sidecard .ico.calendar::before{clip-path: polygon(2% 20%,98% 20%,98% 95%,2% 95%,2% 20%,20% 20%,20% 5%,30% 5%,30% 20%,70% 20%,70% 5%,80% 5%,80% 20%);}
.svc-sidecard .ico.globe::before{clip-path: circle(45% at 50% 50%);}
.svc-sidecard .ico.money::before{clip-path: polygon(20% 50%,80% 50%,80% 60%,20% 60%);}
.svc-sidecard .ico.map::before{clip-path: polygon(50% 10%,70% 40%,50% 90%,30% 40%);}
.svc-sidecard .ico.phone::before{clip-path: polygon(25% 20%,60% 20%,75% 40%,55% 45%,70% 70%,45% 80%,25% 60%);}
.svc-sidecard .ico.browser::before{clip-path: polygon(5% 20%,95% 20%,95% 80%,5% 80%,5% 20%,5% 30%,95% 30%);}

/* اللوحة الرئيسية */
.svc-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.svc-tabbar{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e5e7eb;background:#f8fafc}
.svc-tab{appearance:none;background:none;border:none;padding:.9rem 1rem;font-weight:700;color:#374151}
.svc-tab.active{color:#1B8354;box-shadow:inset 0 -3px 0 0 #1B8354}
.svc-tabs{padding:1rem}
.svc-tabpane{display:none}
.svc-tabpane.show{display:block}

/* الخطوات: نقاط دائرية يمين النص */
.svc-steps{list-style:none;margin:0;padding:0;counter-reset:step}
.svc-steps li{position:relative;padding-right:1.8rem;margin:.35rem 0}
.svc-steps li::before{
  counter-increment:step; content:""; position:absolute; right:.2rem; top:.35rem;
  width:.75rem; height:.75rem; border-radius:50%; border:2px solid #1B8354; background:#fff;
}
.svc-list{list-style:disc;margin:0;padding:0 1.2rem}



.chip{background:#eef5ff}

.svc-badge--agency{background:#f0f6ff;color:#1B8354}

/* ==== Services Page RTL polish ==== */
.services-page .filter-card{
  background:#fff;border:1px solid #E7EDF3;border-radius:16px;
  box-shadow:0 8px 24px rgba(15,58,107,.06);padding:16px
}
.services-page .filter-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.services-page .search-input,.services-page .filter-select{width:100%}
.services-page .clear-btn{color:#1B8354;text-decoration:none}

/* بطاقات الخدمات */
.svc-card{border:1px solid #E7EDF3;border-radius:16px; background:#fff;
  box-shadow:0 8px 24px rgba(15,58,107,.06); transition:transform .2s, box-shadow .2s}
.svc-card:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(15,58,107,.12)}
.svc-card .card-body{padding:18px}
.svc-title{font-size:2.5rem; line-height:1.6; min-height:3.2em; word-break:break-word}

/* الشارات */
.tags{display:flex; gap:8px; flex-wrap:wrap}
.chip{font-size:.75rem; padding:.25rem .6rem; border-radius:999px}
.chip-gray{background:#EDF0F3; color:#5f6b7a}
.chip-blue{background:#E7F1FF; color:#1B8354}

/* الشريط الجانبي يمينًا + تثبيت */
.sidebar-card{background:#fff;border:1px solid #E7EDF3;border-radius:16px;
  box-shadow:0 8px 24px rgba(15,58,107,.06); position:sticky; top:96px}
.sidebar-card .head{background:#1B8354;color:#fff;padding:14px 16px;border-radius:16px 16px 0 0; text-align:right}
.sidebar-card .list-group-item{padding:12px 16px;border:none;border-bottom:1px solid #EFF3F8}
.sidebar-card .list-group-item:last-child{border-bottom:0}
.sidebar-card .list-group-item.active{background:#1B8354;color:#fff}
.sidebar-card .arrow{font-weight:700; opacity:.5; transform:rotate(180deg)} /* سهم لليمين */




.text-end {
    text-align: right !important;
}















/* ===== بطاقات الخدمات – مظهر موحّد وجميل ===== */
.svc-card {
  border: 0;
  border-radius: 16px;
  box-shadow: 0 6px 22px rgba(2, 32, 71, 0.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.svc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(2, 32, 71, 0.12);
}
.svc-card .card-body {
  padding: 1.25rem 1.25rem 1.1rem;
  min-height: 168px; /* يضمن تساوي الارتفاع حتى مع اختلاف طول العنوان */
}

/* عنوان الخدمة: سطران كحد أقصى + نقاط الحذف */
.svc-title {
  font-size: 1.06rem;
  line-height: 1.5;
  font-weight: 700;
  color: #19304a;
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* قصّ العنوان على سطرين */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(1.5em * 2); /* يحافظ على توازن البطاقات */
}

/* الشرائح (التصنيفات/القطاعات/الجهات) */
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .45rem;
  justify-content: center; /* محاذاة جميلة في الوسط */
}
.chip {
  display: inline-flex;
  align-items: center;
  padding: .25rem .6rem;
  border-radius: 999px;
  font-size: .78rem;
  line-height: 1;
  background: #eef2f6;
  color: #455a74;
  white-space: nowrap;
  max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.chip-blue  { background: #e9f1ff; color: #245ea9; }
.chip-gray  { background: #f0f3f6; color: #5a6a7d; }
.chip-outline {
  background: #fff;
  color: #4a6280;
  border: 1px solid #e3e8ee;
}

/* ===== الشريط الجانبي RTL مرتب ===== */
.sidebar-card {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(2, 32, 71, 0.06);
  overflow: hidden;
  background: #fff;
}
.sidebar-card .head {
  padding: .9rem 1rem;
  font-weight: 700;
  background: #f6f9fc;
  color: #1f3550;
  border-bottom: 1px solid #eef2f6;
}
.sidebar-card .list-group-item {
  padding: .7rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-color: #f1f3f6;
  direction: rtl;
}
.sidebar-card .list-group-item.active,
.sidebar-card .list-group-item:hover {
  background: #edf4ff;
  color: #0e4e9e;
}
.sidebar-card .arrow {
  color: #9fb1c6;
  font-weight: 700;
}

/* ===== الترقيم (Pagination) بمحاذاة يمين ومظهر احترافي ===== */
/* عندما تستخدم paginate_links(['type'=>'list']) ستنتج <ul class="page-numbers"> */
ul.page-numbers {
  display: flex;
  gap: .4rem;
  justify-content: flex-end; /* يمين */
  padding: 0;
  margin: 2rem 0 0;
  list-style: none;
  direction: rtl;
}
ul.page-numbers li a,
ul.page-numbers li span {
  display: inline-flex;
  min-width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #e6ebf2;
  background: #fff;
  color: #29435f;
  text-decoration: none;
  font-weight: 600;
  transition: all .15s ease;
}
ul.page-numbers li a:hover {
  border-color: #cfe1ff;
  background: #f4f9ff;
  color: #0e4e9e;
}
ul.page-numbers li .current {
  background: #1d5fbf;
  color: #fff;
  border-color: #1d5fbf;
}

/* ===== تحسينات عامة على الشبكة ومسافات الهواتف ===== */
@media (max-width: 575.98px) {
  .svc-card .card-body { padding: 1rem .95rem; }
  .svc-title { font-size: 1rem; }
  .tags { gap: .3rem; }
}



/* Two-line title clamp on cards */
.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Loading state */
#svcResults.is-loading { opacity: .55; pointer-events: none; position: relative; }
#svcResults.is-loading::after {
  content: '';
  position: absolute; inset: 0;
  background: rgba(255,255,255,.35);
}