/* Bsouria V45 — V44 design unchanged; explicit Arabic RTL direction only. */
:root{
  --bsv44-max:1400px;
  --bsv44-gap:56px;
  --bsv44-hero-h:620px;
  --bsv44-column-h:430px;
  --bsv44-radius:26px;
  --bsv44-green:#07874e;
  --bsv44-ink:#10271e;
  --bsv44-muted:#536a60;
  --bsv44-line:#d8e8df;
}
.bsv44-container{box-sizing:border-box;width:min(var(--bsv44-max),calc(100% - 48px));max-width:var(--bsv44-max);margin-inline:auto;padding:0}
.bsv44-hero{box-sizing:border-box;display:flex;align-items:center;width:100%;height:var(--bsv44-hero-h);min-height:var(--bsv44-hero-h);max-height:var(--bsv44-hero-h);margin:0;padding:44px 0;border:0;border-bottom:1px solid var(--bsv44-line);overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(19,132,87,.10),transparent 31%),linear-gradient(180deg,#fff 0%,#f4faf7 100%);color:var(--bsv44-ink)}
.bsv44-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--bsv44-gap);height:532px;min-height:532px;max-height:532px}
.bsv44-hero.bsv44-rtl .bsv44-grid{grid-template-areas:"media copy"}
.bsv44-hero.bsv44-ltr .bsv44-grid{grid-template-areas:"copy media"}
.bsv44-hero.bsv44-rtl .bsv44-copy{direction:rtl;text-align:right}
.bsv44-hero.bsv44-ltr .bsv44-copy{direction:ltr;text-align:left}
.bsv44-copy{grid-area:copy;box-sizing:border-box;display:grid;grid-template-rows:48px 116px 72px 78px 42px;align-content:center;row-gap:10px;width:100%;height:var(--bsv44-column-h);min-height:var(--bsv44-column-h);max-height:var(--bsv44-column-h);margin:0;padding:0;overflow:hidden}
.bsv44-eyebrow{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;justify-self:start;width:310px;min-width:310px;max-width:310px;height:48px;min-height:48px;max-height:48px;margin:0;padding:0 18px;gap:10px;overflow:hidden;border:1px solid #c9e1d5;border-radius:999px;background:#fff;color:#0c7548;box-shadow:0 8px 24px rgba(11,72,49,.05);font-size:14px;line-height:1;font-weight:700;white-space:nowrap;text-align:center}
.bsv44-eyebrow span{display:block;width:9px;height:9px;min-width:9px;flex:0 0 9px;border-radius:50%;background:#26c27c;box-shadow:0 0 0 5px #e1f6eb}
.bsv44-eyebrow b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
.bsv44-copy h1{box-sizing:border-box;display:grid;grid-template-rows:1fr 1fr;align-items:center;width:100%;height:116px;min-height:116px;max-height:116px;margin:0;padding:0;overflow:hidden;color:var(--bsv44-ink);font-size:clamp(35px,2.3vw,40px);line-height:1.18;letter-spacing:0;font-weight:600;text-wrap:balance}
.bsv44-title-line{display:flex;align-items:center;width:100%;height:58px;min-height:58px;max-height:58px;overflow:hidden;color:inherit;font:inherit;white-space:nowrap;text-overflow:ellipsis}
.bsv44-title-accent{color:var(--bsv44-green)}
.bsv44-description{box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;height:72px;min-height:72px;max-height:72px;margin:0;padding:0;overflow:hidden;color:var(--bsv44-muted);font-size:17px;line-height:2.05}
.bsv44-search{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;height:78px;min-height:78px;max-height:78px;margin:0;padding:10px;overflow:hidden;border:1px solid #dce9e3;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(11,72,49,.07)}
.bsv44-search-icon{display:grid;place-items:center;width:30px;min-width:30px;height:56px;flex:0 0 30px;color:#17814f;font-size:23px;line-height:1}
.bsv44-search input{box-sizing:border-box;min-width:0;flex:1 1 auto;width:auto;height:56px;min-height:56px;max-height:56px;margin:0;padding:0 8px;border:0;border-radius:0;outline:0;background:transparent;color:#163027;box-shadow:none;font:inherit;font-size:16px;line-height:56px}
.bsv44-search-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:142px;min-width:142px;max-width:142px;height:56px;min-height:56px;max-height:56px;margin:0;padding:0 18px;border-radius:13px;font-size:15px;line-height:1;font-weight:700;white-space:nowrap}
.bsv44-tail{box-sizing:border-box;display:flex;align-items:center;flex-wrap:nowrap;gap:7px;width:100%;height:42px;min-height:42px;max-height:42px;margin:0;padding:0;overflow:hidden;color:#68766f;white-space:nowrap}
.bsv44-tail strong{flex:0 0 auto;margin:0;color:inherit;font-size:13px;line-height:1;font-weight:700}
.bsv44-tail a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;height:32px;margin:0;padding:0 10px;overflow:hidden;border:1px solid #dce8e1;border-radius:999px;background:#f8fbf9;color:#435a4f;font-size:12px;line-height:1;font-weight:500;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.bsv44-media{grid-area:media;box-sizing:border-box;width:100%;height:var(--bsv44-column-h);min-height:var(--bsv44-column-h);max-height:var(--bsv44-column-h);margin:0;padding:0;overflow:hidden;border-radius:var(--bsv44-radius);background:#eaf4ee}
.bsv44-media img{box-sizing:border-box;display:block;width:100%;height:100%;min-height:100%;max-height:100%;margin:0;padding:0;border:0;border-radius:var(--bsv44-radius);object-fit:cover;object-position:center;filter:none;transform:none}
.bsv44-strip{box-sizing:border-box;display:flex;align-items:stretch;width:100%;height:138px;min-height:138px;max-height:138px;margin:0;padding:0;overflow:hidden;border-top:1px solid var(--bsv44-line);border-bottom:1px solid var(--bsv44-line);background:#fff}
.bsv44-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:138px;min-height:138px;max-height:138px;overflow:hidden}
.bsv44-stat{box-sizing:border-box;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;width:100%;height:138px;min-height:138px;max-height:138px;margin:0;padding:20px 24px;overflow:hidden;border:0;border-inline-start:1px solid #e2ebe6;background:transparent;color:var(--bsv44-ink);text-align:start}
.bsv44-stat:first-child{border-inline-start:0}
.bsv44-stat-icon{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;color:var(--bsv44-green);font-size:28px;line-height:1;font-weight:500}
.bsv44-stat-copy{box-sizing:border-box;display:grid;grid-template-rows:28px 44px;align-content:center;gap:5px;min-width:0;height:78px;overflow:hidden}
.bsv44-stat strong{display:block;margin:0;overflow:hidden;color:var(--bsv44-ink);font-size:16px;line-height:28px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.bsv44-stat p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;overflow:hidden;color:#62736a;font-size:13px;line-height:1.65}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-hero{color:#f3faf6;border-color:#264d3b;background:radial-gradient(circle at 84% 18%,rgba(53,200,135,.16),transparent 40%),linear-gradient(90deg,#07140f 0%,#081611 48%,#103326 100%)}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-copy h1{color:#f0faf4}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-title-accent{color:#16a663}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-description{color:#c7d8cf}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-eyebrow{color:#effaf4;background:#0b2017;border-color:#315b48;box-shadow:none}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-search{background:#0a1c14;border-color:#315b48;box-shadow:none}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-search input{color:#effaf4;-webkit-text-fill-color:#effaf4}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-search input::placeholder{color:#b9ccc2;opacity:1}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-tail{color:#c0d2c8}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-tail a{color:#dcebe3;background:#0d241a;border-color:#315b48}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-strip{background:#082e21;border-color:#264d3b}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-stat{color:#f1faf5;border-inline-start-color:#264d3b}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-stat strong{color:#f1faf5}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-stat p{color:#c4d6cc}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark,body.dark-mode) .bsv44-stat-icon{color:#8ee8b8}
@media(max-width:980px){
  .bsv44-hero{height:auto;min-height:0;max-height:none;padding:38px 0;overflow:visible}
  .bsv44-grid{grid-template-columns:1fr;grid-template-areas:"copy" "media";gap:30px;height:auto;min-height:0;max-height:none}
  .bsv44-hero.bsv44-rtl .bsv44-grid,.bsv44-hero.bsv44-ltr .bsv44-grid{grid-template-areas:"copy" "media"}
  .bsv44-copy{height:430px;min-height:430px;max-height:430px}
  .bsv44-media{height:430px;min-height:430px;max-height:430px}
  .bsv44-strip,.bsv44-strip-grid{height:252px;min-height:252px;max-height:252px}
  .bsv44-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bsv44-stat{height:126px;min-height:126px;max-height:126px}
  .bsv44-stat:nth-child(3){border-inline-start:0;border-top:1px solid #e2ebe6}
  .bsv44-stat:nth-child(4){border-top:1px solid #e2ebe6}
}
@media(max-width:640px){
  .bsv44-container{width:calc(100% - 28px)}
  .bsv44-hero{padding:28px 0}
  .bsv44-grid{gap:24px}
  .bsv44-copy{grid-template-rows:46px 104px 82px 142px 82px;row-gap:10px;height:496px;min-height:496px;max-height:496px}
  .bsv44-eyebrow{width:100%;min-width:0;max-width:100%;height:46px;min-height:46px;max-height:46px;padding:0 12px;font-size:12px}
  .bsv44-copy h1{height:104px;min-height:104px;max-height:104px;font-size:clamp(28px,8vw,35px);line-height:1.2}
  .bsv44-title-line{height:52px;min-height:52px;max-height:52px;white-space:normal}
  .bsv44-description{height:82px;min-height:82px;max-height:82px;font-size:15px;line-height:1.85}
  .bsv44-search{height:142px;min-height:142px;max-height:142px;flex-wrap:wrap;align-content:center}
  .bsv44-search input{width:calc(100% - 42px);flex:1 1 calc(100% - 42px)}
  .bsv44-search-button{width:100%;min-width:100%;max-width:100%}
  .bsv44-tail{height:82px;min-height:82px;max-height:82px;flex-wrap:wrap;align-content:center;white-space:normal}
  .bsv44-tail strong{width:100%}
  .bsv44-tail a{flex:1 1 calc(50% - 7px)}
  .bsv44-media{height:300px;min-height:300px;max-height:300px}
  .bsv44-strip,.bsv44-strip-grid{height:448px;min-height:448px;max-height:448px}
  .bsv44-strip-grid{grid-template-columns:1fr}
  .bsv44-stat,.bsv44-stat:nth-child(2),.bsv44-stat:nth-child(3),.bsv44-stat:nth-child(4){height:112px;min-height:112px;max-height:112px;border-inline-start:0;border-top:1px solid #e2ebe6}
  .bsv44-stat:first-child{border-top:0}
}

/* BSOURIA V51 — Arabic RTL hero eyebrow aligned to the right edge only. */
.bsv44-hero.bsv44-rtl .bsv44-eyebrow{
  justify-self:end !important;
  margin-inline-start:0 !important;
  margin-inline-end:0 !important;
  direction:rtl !important;
  text-align:center !important;
}
@media(max-width:640px){
  .bsv44-hero.bsv44-rtl .bsv44-eyebrow{
    justify-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
  }
}

/* =========================================================
   BSOURIA V52 — FINAL ARABIC HERO PHYSICAL COLUMN ORDER
   Desktop Arabic only: copy is physically on the RIGHT and
   media is physically on the LEFT. No visual design changes.
   ========================================================= */
@media (min-width: 981px) {
  .bsv44-hero.bsv44-rtl .bsv44-grid {
    direction: ltr !important;
    grid-template-areas: "media copy" !important;
  }

  .bsv44-hero.bsv44-rtl .bsv44-media {
    grid-area: media !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .bsv44-hero.bsv44-rtl .bsv44-copy {
    grid-area: copy !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    direction: rtl !important;
    text-align: right !important;
  }

  .bsv44-hero.bsv44-rtl .bsv44-eyebrow {
    justify-self: end !important;
  }

  .bsv44-hero.bsv44-rtl :is(
    .bsv44-copy h1,
    .bsv44-title-line,
    .bsv44-description,
    .bsv44-search,
    .bsv44-search input,
    .bsv44-tail
  ) {
    direction: rtl !important;
    text-align: right !important;
  }
}

/* =========================================================
   BSOURIA V53 — Mobile hero title spacing fix
   Fixes Arabic and multilingual hero-title wrapping on phones
   for Opportunities, Welcome to Syria, and Business Directory.
   ========================================================= */
@media (max-width: 768px) {
  .bsv44-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 30px 0 36px !important;
    overflow: visible !important;
  }

  .bsv44-grid {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 24px !important;
    align-items: start !important;
  }

  .bsv44-copy {
    grid-template-rows: auto auto auto auto auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    row-gap: 14px !important;
    align-content: start !important;
    overflow: visible !important;
  }

  .bsv44-copy h1 {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: clamp(26px, 7.4vw, 34px) !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;
    text-wrap: pretty;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    margin: 0 !important;
  }

  .bsv44-title-line {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: inherit !important;
  }

  .bsv44-description {
    display: block !important;
    -webkit-line-clamp: unset !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  .bsv44-search {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .bsv44-tail {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 768px) {
  .bsv44-hero.bsv44-rtl .bsv44-copy,
  .bsv44-hero.bsv44-rtl .bsv44-copy h1,
  .bsv44-hero.bsv44-rtl .bsv44-title-line {
    direction: rtl !important;
    text-align: right !important;
  }

  .bsv44-hero.bsv44-rtl .bsv44-copy h1 {
    font-size: clamp(25px, 7.2vw, 32px) !important;
    line-height: 1.38 !important;
    font-weight: 700 !important;
  }

  .bsv44-hero.bsv44-rtl .bsv44-description {
    line-height: 1.95 !important;
  }
}

@media (max-width: 420px) {
  .bsv44-copy h1 {
    font-size: clamp(24px, 7vw, 30px) !important;
  }

  .bsv44-hero.bsv44-rtl .bsv44-copy h1 {
    font-size: clamp(23px, 6.8vw, 29px) !important;
    line-height: 1.4 !important;
  }
}
