/* Bawadi Al Dain General Trading — company theme. Loaded only by /index.html.
   Shared layout comes from assets/css/corporate.css; this file sets Bawadi's design system.

   Direction: an editorial, annual-report presentation. Green and white only: one deep brand
   green for the headline accent, links, the primary button and key figures; white pages with
   one light green tint to separate sections; hairline rules instead of boxes, cards and shadows.
   Type: Source Serif 4 for headlines, Source Sans 3 for text and interface. Photographs are
   shown square-cornered and unframed, at sizes their originals can carry. */
:root{
  --brand:#17612D;        /* primary brand green */
  --brand-2:#114D23;      /* hover / pressed */
  --brand-deep:#0D3B1D;   /* footer bar */
  --accent:#8DB51E;       /* brochure lime, used only as a fine rule */
  --accent-ink:#4A7612;   /* small labels on white */
  --surface:#F5F8F2;      /* light green tint for alternate sections */
  --line:#DDE5D6;
  --ink:#16201A;
  --muted:#59655C;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --head:var(--serif);
  --body:var(--sans);
  --sec:clamp(64px,7vw,104px);
}

/* ---------- Type ---------- */
.bawadi h1,.bawadi h2,.bawadi h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.bawadi .section h2{font-size:clamp(30px,3vw,42px);line-height:1.15;margin-bottom:18px;text-wrap:balance}
.bawadi h3{font-size:21px;line-height:1.3}
.bawadi .bw-h{font-size:clamp(24px,2.2vw,30px);margin-bottom:12px}
.bawadi p{max-width:62ch}
body.company.bawadi .eyebrow{margin-bottom:16px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.16em;color:var(--accent-ink)}
body.company.bawadi .eyebrow::before{display:none}
.bawadi .section{padding:var(--sec) 0}

/* ---------- Buttons and links: squared, quiet ---------- */
.bawadi .btn{min-height:48px;padding:12px 26px;border-radius:2px;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.02em}
.bawadi .btn-ghost{background:#fff;color:var(--brand);border-color:var(--brand)}
.bawadi .btn-ghost:hover{background:var(--brand);color:#fff}
.bw-link,.bawadi .text-link{display:inline-flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid currentColor;color:var(--brand);font-family:var(--sans);font-weight:600;font-size:15px;text-decoration:none;transition:gap .2s}
.bw-link::after,.bawadi .text-link::after{content:"\2192"}
html[dir="rtl"] .bw-link::after,html[dir="rtl"] .bawadi .text-link::after{content:"\2190"}
.bw-link:hover,.bawadi .text-link:hover{gap:12px;color:var(--brand-2)}
.bawadi :focus-visible{outline-color:var(--brand)}

/* ---------- Header ---------- */
.bawadi .brand img{height:58px}
.bawadi nav#main-nav{font-family:var(--sans);font-size:15.5px}
.bawadi nav#main-nav > a{font-weight:600}
.bawadi nav#main-nav > a.btn{font-size:14.5px;padding:10px 20px;min-height:44px}
@media (min-width:1101px){.bawadi .brand img{height:62px}}

/* ---------- Hero ---------- */
.bw-hero{background:#fff;padding-top:clamp(28px,3.5vw,48px)}
/* Masthead: official name and place, joined by a fine rule */
.bw-mast{display:flex;align-items:center;gap:20px;margin-bottom:clamp(36px,4.5vw,64px)}
.bw-mast-name{margin:0;font-family:var(--serif)!important;font-size:clamp(22px,2vw,30px)!important;font-weight:600!important;letter-spacing:-.005em!important;color:var(--brand)!important;line-height:1.2!important}
.bw-mast-rule{flex:1;height:1px;background:var(--line)}
.bw-mast-place{margin:0;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
/* Headline beside a narrow column of supporting copy, aligned on their last lines */
.bw-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,6vw,96px);align-items:end}
.bw-headline{margin:0;max-width:15ch;font-family:var(--serif);font-size:clamp(38px,4.3vw,62px);font-weight:500;line-height:1.06;letter-spacing:-.022em;color:var(--ink);text-wrap:balance}
.bw-headline em{font-style:italic;color:var(--brand)}
.bw-lede{margin-bottom:24px;font-size:17.5px;line-height:1.6;color:var(--muted);max-width:36ch}
.bw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
/* One wide photograph, unframed */
.bw-hero-figure{margin-top:clamp(36px,4.5vw,64px);margin-bottom:0}
.bw-hero-figure img{width:100%;aspect-ratio:1280/560;object-fit:cover}
/* Verified credentials as a line of fine print under the photograph */
.bw-facts-line{list-style:none;margin:0;padding:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 0;font-size:14.5px;color:var(--muted)}
.bw-facts-line li{display:flex;align-items:center}
.bw-facts-line li + li::before{content:"";width:1px;height:14px;margin:0 20px;background:var(--line)}

/* ---------- About ---------- */
.bw-about{padding-top:clamp(72px,8vw,120px)!important}
.bw-about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,112px);align-items:center}
.bw-about-photo{margin:0}
.bw-about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.bw-about-text p{color:#3E4A42;margin-bottom:16px}
/* The company's letterhead line, set as a pull line */
.bw-pull{margin:4px 0 26px!important;padding-inline-start:18px;border-inline-start:2px solid var(--accent);font-family:var(--serif);font-size:clamp(20px,1.7vw,24px);font-style:italic;line-height:1.4;color:var(--brand)!important}

/* ---------- Products ---------- */
.bw-products{background:var(--surface)}
.bw-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:48px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.bw-head h2{margin-bottom:0!important}
.bw-head > p{color:var(--muted);font-size:17px;justify-self:end;max-width:40ch}
.bw-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.bw-prod{display:flex;flex-direction:column}
.bw-prod-img{overflow:hidden;aspect-ratio:4/5;background:#e7ece3}
.bw-prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.bw-prod:hover .bw-prod-img img{transform:scale(1.03)}
.bw-prod-body{padding-top:20px}
.bw-meta{margin-bottom:6px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.bw-prod h3{font-size:23px;margin-bottom:8px}
.bw-prod p:not(.bw-meta){font-size:15.5px;line-height:1.6;color:var(--muted)}

/* ---------- Production in Sudan ---------- */
.bw-sudan{background:#fff}
.bw-sudan-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.bw-sudan-grid p{color:#3E4A42;margin-bottom:16px}
.bw-sudan p .ltr,.entity-note .ltr{display:inline}
/* Which company these facts belong to, stated before the text */
.bw-entity{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 22px!important;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:600;font-size:15.5px;line-height:1.4;color:var(--ink)!important;max-width:none!important}
.bw-entity small{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.bw-sudan-photo{margin:0}
.bw-sudan-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bw-sub{margin:clamp(56px,6vw,88px) 0 24px;padding-bottom:14px;border-bottom:1px solid var(--line);font-family:var(--sans)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--muted)!important}
.bw-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.bw-pillar{margin:0}
/* Brochure photographs are small originals, shown at a modest size so they stay sharp */
.bw-pillar-img{overflow:hidden;aspect-ratio:3/2;background:#e7ece3}
.bw-pillar-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.bw-pillar figcaption{padding-top:14px;font-family:var(--serif);font-size:21px;color:var(--ink)}
/* Key figures */
.facts{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:4px 24px 4px;border-inline-start:1px solid var(--line)}
.fact:first-child{border-inline-start:0;padding-inline-start:0}
.fact b{display:block;margin-bottom:8px;font-family:var(--serif);font-size:clamp(28px,2.6vw,40px);font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--brand);white-space:nowrap}
.fact span{display:block;font-size:14.5px;line-height:1.55;color:var(--muted)}
html[lang="ar"] .fact b{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-weight:600;letter-spacing:0;line-height:1.4}
.entity-note{margin-top:28px;font-size:13.5px;line-height:1.6;color:var(--muted);max-width:none!important}
/* Darfur's cash crops */
.crops{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;margin-top:clamp(64px,7vw,104px)}
.crops-photo{margin:0}
.crops-photo img{width:100%;aspect-ratio:1/1;object-fit:cover}
.crops-intro{color:var(--muted);margin-bottom:22px}
.crop-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.crop-list li{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.crop-list b{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--brand)}
.crop-list span{color:#3E4A42;font-size:15.5px}
html[lang="ar"] .crop-list b{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:16px;font-weight:600}

/* ---------- Memberships and enquiry row ---------- */
.bw-members{background:var(--surface)}
.bw-members-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.bw-mem-list{margin:0;border-top:1px solid var(--line)}
.bw-mem-list > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}
.bw-mem-list dt{font-family:var(--serif);font-size:21px;color:var(--ink)}
.bw-mem-list dd{margin:0;font-size:15px;color:var(--muted);text-align:end}
.bw-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(56px,6vw,88px);padding:32px 0 0;border-top:2px solid var(--brand)}
.bw-cta h2{font-size:clamp(24px,2.3vw,32px)!important;margin-bottom:6px!important;text-wrap:pretty}
.bw-cta p{color:var(--muted)}

/* ---------- Contact ---------- */
.bawadi .contact-section{background:#fff;--enq-ring:color-mix(in srgb,var(--brand) 18%,transparent)}
.bawadi .contact-grid{align-items:center}
.bw-mail{margin-top:28px}
.bawadi .form-card{border:1px solid var(--line);border-top:2px solid var(--brand);border-radius:2px;box-shadow:none}
.bawadi .form-card h3{font-size:24px}
.bawadi .enq input,.bawadi .enq textarea,.bawadi .enq select{border-radius:2px}
.bawadi .enq-send{border-radius:2px;font-family:var(--sans);letter-spacing:.02em}
.bawadi .info-list a{color:var(--brand)}

/* ---------- Footer ---------- */
.bawadi .footer-light{background:var(--surface);border-top:1px solid var(--line)}
.bawadi .site-footer h2{font-family:var(--sans);font-weight:700;letter-spacing:.14em}
.bawadi .footer-bar{background:var(--brand-deep)}

/* ---------- Arabic ---------- */
html[lang="ar"] .bw-headline,html[lang="ar"] .bw-pull,html[lang="ar"] .bw-pillar figcaption,html[lang="ar"] .bw-mem-list dt{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-style:normal;letter-spacing:0}
html[lang="ar"] .bw-headline{font-weight:600;line-height:1.35}
html[lang="ar"] .bw-headline em{font-style:normal}
html[lang="ar"] .bw-pull{font-size:clamp(19px,1.6vw,22px)}
html[lang="ar"] .bw-mast-place,html[lang="ar"] body.company.bawadi .eyebrow,html[lang="ar"] .bw-meta,html[lang="ar"] .bw-entity small,html[lang="ar"] .bw-sub{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;letter-spacing:0!important;text-transform:none}
html[lang="ar"] .bw-mast-place,html[lang="ar"] body.company.bawadi .eyebrow{font-size:14.5px}
html[lang="ar"] .bw-sub{font-size:15px!important}
html[lang="ar"] .bw-mast-name span{font-family:var(--serif)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .bawadi nav#main-nav{gap:0}
  .bw-prod-grid{grid-template-columns:repeat(2,1fr);gap:40px 28px}
  .bw-prod-img{aspect-ratio:4/3}
  .facts{grid-template-columns:1fr 1fr}
  .fact:nth-child(3){border-inline-start:0;padding-inline-start:0}
  .fact{padding-bottom:22px}
}
@media (max-width:960px){
  .bw-hero-grid,.bw-about-grid,.bw-sudan-grid,.bw-members-grid,.bw-head{grid-template-columns:1fr}
  .bw-hero-grid{gap:24px}
  .bw-headline{max-width:18ch}
  .bw-head{gap:12px}
  .bw-head > p{justify-self:start}
  .bw-about-photo{order:2;max-width:560px}
  .bw-about-photo img{aspect-ratio:3/2}
  .bw-sudan-photo{max-width:560px}
  .crops{grid-template-columns:1fr}
  .crops-photo{max-width:420px}
  .crops-photo img{aspect-ratio:3/2}
  .bawadi .contact-grid{align-items:start}
}
@media (max-width:640px){
  :root{--sec:56px}
  .bawadi .brand img{height:46px}
  .bw-hero{padding-top:22px}
  /* Masthead stacks: name, then place; the joining rule becomes a short underline */
  .bw-mast{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--line)}
  .bw-mast-rule{display:none}
  .bw-mast-name{font-size:22px!important;text-wrap:balance}
  .bw-mast-place{font-size:12.5px}
  .bw-headline{font-size:clamp(34px,9.6vw,40px);max-width:none}
  .bw-lede{font-size:16.5px;margin-bottom:20px}
  .bw-actions .btn{flex:1 1 100%}
  .bw-actions .bw-link{margin-inline:auto}
  /* The photograph runs edge to edge on phones */
  .bw-hero-figure{width:100%;margin-top:32px}
  .bw-hero-figure img{aspect-ratio:720/550}
  .bw-facts-line{flex-direction:column;gap:0;padding-top:4px}
  .bw-facts-line li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
  .bw-facts-line li + li::before{display:none}
  .bw-about{padding-top:56px!important}
  .bw-head{padding-bottom:20px;margin-bottom:28px}
  /* Products: compact rows with a square photo beside the text */
  .bw-prod-grid{grid-template-columns:1fr;gap:0}
  .bw-prod{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
  .bw-prod:first-child{padding-top:0}
  .bw-prod-img{aspect-ratio:1/1}
  .bw-prod-body{padding-top:0}
  .bw-prod h3{font-size:20px;margin-bottom:4px}
  .bw-prod p:not(.bw-meta){font-size:14.5px;line-height:1.5}
  .bw-meta{font-size:11.5px}
  /* Core business: a compact three-up row */
  .bw-pillars{grid-template-columns:repeat(3,1fr);gap:10px}
  .bw-pillar-img{aspect-ratio:1/1}
  .bw-pillar figcaption{font-size:16px;padding-top:8px}
  .bw-sub{margin-top:48px}
  .facts{grid-template-columns:1fr}
  .fact,.fact:nth-child(3){border-inline-start:0;padding:18px 0;border-bottom:1px solid var(--line)}
  .crop-list li{grid-template-columns:1fr;gap:2px}
  .bw-mem-list > div{grid-template-columns:1fr}
  .bw-mem-list dd{text-align:start}
  .bw-cta .btn,.bw-mail{width:100%}
}