/* =========================================================
   Bareeq Tawasul — Affiliate Mint Light Theme
   Scope: Affiliate system pages only
   Visual changes only
   ========================================================= */

html{
  color-scheme:light !important;
  scroll-behavior:smooth;
}

body[data-site="corp"].theme-mint-light{
  --aff-bg:#f4fffc;
  --aff-bg-soft:#eaf8f4;
  --aff-surface:#ffffff;
  --aff-surface-soft:#f7fffd;

  --aff-text:#143f3a;
  --aff-heading:#063f39;
  --aff-muted:#5b7974;

  --aff-primary:#087f71;
  --aff-primary-dark:#05675e;
  --aff-primary-light:#1ba38f;

  --aff-border:rgba(8,127,113,.16);
  --aff-border-strong:rgba(8,127,113,.30);

  --aff-shadow:
    0 16px 44px rgba(18,83,73,.10),
    0 3px 12px rgba(18,83,73,.05);

  --aff-shadow-soft:
    0 8px 24px rgba(18,83,73,.08);

  margin:0 !important;

  background:
    radial-gradient(
      900px 560px at 8% 10%,
      rgba(29,177,152,.13),
      transparent 68%
    ),
    radial-gradient(
      850px 520px at 92% 18%,
      rgba(88,211,189,.12),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #f8fffd 0%,
      #eefaf7 48%,
      #f8fffd 100%
    ) !important;

  color:var(--aff-text) !important;
}

/* الخلفية العامة */
body[data-site="corp"].theme-mint-light::before{
  background:
    radial-gradient(
      1000px 620px at 10% 16%,
      rgba(8,127,113,.09),
      transparent 70%
    ),
    radial-gradient(
      900px 580px at 88% 24%,
      rgba(70,196,173,.10),
      transparent 72%
    ) !important;
}

/* النصوص العامة */
body[data-site="corp"].theme-mint-light,
body[data-site="corp"].theme-mint-light p,
body[data-site="corp"].theme-mint-light li,
body[data-site="corp"].theme-mint-light label{
  color:var(--aff-text);
}

body[data-site="corp"].theme-mint-light .muted{
  color:var(--aff-muted) !important;
}

body[data-site="corp"].theme-mint-light a{
  color:var(--aff-primary-dark);
}

body[data-site="corp"].theme-mint-light :focus{
  outline:none !important;
  box-shadow:0 0 0 4px rgba(8,127,113,.12) !important;
}

body[data-site="corp"].theme-mint-light :focus-visible{
  outline:3px solid rgba(8,127,113,.24) !important;
  outline-offset:3px !important;
}

/* =========================================================
   Topbar
   ========================================================= */

body[data-site="corp"].theme-mint-light .topbar{
  background:rgba(255,255,255,.90) !important;
  color:var(--aff-heading) !important;
  border-bottom:1px solid var(--aff-border) !important;
  box-shadow:0 8px 28px rgba(18,83,73,.08) !important;
  backdrop-filter:blur(16px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(145%) !important;
}

body[data-site="corp"].theme-mint-light .topbar__in{
  color:var(--aff-heading) !important;
}

body[data-site="corp"].theme-mint-light .brand{
  color:var(--aff-heading) !important;
}

body[data-site="corp"].theme-mint-light .brand img{
  background:#fff !important;
  box-shadow:
    0 0 0 1px var(--aff-border-strong),
    0 9px 25px rgba(8,127,113,.13) !important;
}

body[data-site="corp"].theme-mint-light .topbar__link{
  color:var(--aff-heading) !important;
  background:rgba(247,255,253,.80) !important;
  border-color:var(--aff-border) !important;
}

body[data-site="corp"].theme-mint-light .topbar__link:hover{
  color:var(--aff-primary-dark) !important;
  background:#fff !important;
  border-color:var(--aff-border-strong) !important;
}

/* =========================================================
   Main
   ========================================================= */

body[data-site="corp"].theme-mint-light .aff-main{
  color:var(--aff-text) !important;
}

body[data-site="corp"].theme-mint-light .aff-wrap{
  color:var(--aff-text) !important;
}

/* =========================================================
   Hero
   ========================================================= */

body[data-site="corp"].theme-mint-light .aff-hero__copy{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(245,253,251,.94)
    ) !important;

  border:1px solid var(--aff-border) !important;
  box-shadow:var(--aff-shadow-soft) !important;
}

body[data-site="corp"].theme-mint-light .aff-hero__panel{
  background:
    radial-gradient(
      620px 320px at 15% 15%,
      rgba(8,127,113,.10),
      transparent 65%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(235,249,245,.96)
    ) !important;

  border:1px solid var(--aff-border-strong) !important;

  box-shadow:
    0 18px 52px rgba(18,83,73,.12),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

body[data-site="corp"].theme-mint-light .aff-kicker{
  color:var(--aff-primary) !important;
}

body[data-site="corp"].theme-mint-light .aff-title,
body[data-site="corp"].theme-mint-light .aff-h2,
body[data-site="corp"].theme-mint-light .aff-h3{
  color:var(--aff-heading) !important;
}

body[data-site="corp"].theme-mint-light .aff-sub{
  color:var(--aff-muted) !important;
}

body[data-site="corp"].theme-mint-light .grad-text{
  background:
    linear-gradient(
      90deg,
      var(--aff-primary-dark),
      var(--aff-primary-light)
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* نقاط المزايا */
body[data-site="corp"].theme-mint-light .ok{
  background:rgba(255,255,255,.84) !important;
  border:1px solid var(--aff-border) !important;
  color:var(--aff-text) !important;
  box-shadow:0 5px 16px rgba(18,83,73,.045);
}

body[data-site="corp"].theme-mint-light .ok::before{
  background:rgba(8,127,113,.10) !important;
  border:1px solid rgba(8,127,113,.22) !important;
  color:var(--aff-primary-dark) !important;
}

/* =========================================================
   Cards and sections
   ========================================================= */

body[data-site="corp"].theme-mint-light .aff-card,
body[data-site="corp"].theme-mint-light .mini,
body[data-site="corp"].theme-mint-light .aff-wallet__row{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(247,255,253,.95)
    ) !important;

  border:1px solid var(--aff-border) !important;
  color:var(--aff-text) !important;
  box-shadow:var(--aff-shadow) !important;
}

body[data-site="corp"].theme-mint-light .aff-card{
  position:relative;
  overflow:hidden;
}

body[data-site="corp"].theme-mint-light .aff-card::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:20px;
  bottom:20px;
  width:4px;
  border-radius:12px;
  background:
    linear-gradient(
      180deg,
      var(--aff-primary),
      #62d7bf
    );
  opacity:.78;
}

body[data-site="corp"].theme-mint-light .aff-card > *{
  position:relative;
  z-index:1;
}

body[data-site="corp"].theme-mint-light .aff-badge{
  background:rgba(8,127,113,.10) !important;
  border:1px solid rgba(8,127,113,.22) !important;
  color:var(--aff-primary-dark) !important;
}

body[data-site="corp"].theme-mint-light .aff-mini,
body[data-site="corp"].theme-mint-light .mini__lbl,
body[data-site="corp"].theme-mint-light .aff-wallet__label{
  color:var(--aff-muted) !important;
}

body[data-site="corp"].theme-mint-light .mini__num,
body[data-site="corp"].theme-mint-light .aff-wallet__value{
  color:var(--aff-primary-dark) !important;
}

/* =========================================================
   Chips
   ========================================================= */

body[data-site="corp"].theme-mint-light .chip{
  background:rgba(255,255,255,.90) !important;
  border:1px solid var(--aff-border) !important;
  color:var(--aff-heading) !important;
  box-shadow:0 4px 14px rgba(18,83,73,.05);
}

body[data-site="corp"].theme-mint-light .chip:hover,
body[data-site="corp"].theme-mint-light .chip.is-active,
body[data-site="corp"].theme-mint-light .chip[aria-pressed="true"]{
  background:
    linear-gradient(
      135deg,
      var(--aff-primary),
      var(--aff-primary-light)
    ) !important;

  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 9px 22px rgba(8,127,113,.18) !important;
}

/* =========================================================
   Buttons
   ========================================================= */

body[data-site="corp"].theme-mint-light .btn{
  border-radius:14px;
}

body[data-site="corp"].theme-mint-light .btn--primary{
  background:
    linear-gradient(
      135deg,
      var(--aff-primary),
      var(--aff-primary-light)
    ) !important;

  color:#fff !important;
  border-color:transparent !important;

  box-shadow:
    0 12px 28px rgba(8,127,113,.22),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body[data-site="corp"].theme-mint-light .btn--primary:hover{
  transform:translateY(-1px);
  box-shadow:
    0 16px 34px rgba(8,127,113,.28),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

body[data-site="corp"].theme-mint-light .btn--ghost{
  background:#ffffff !important;
  color:var(--aff-primary-dark) !important;
  border:1px solid var(--aff-border-strong) !important;
  box-shadow:0 5px 16px rgba(18,83,73,.06);
}

body[data-site="corp"].theme-mint-light .btn--ghost:hover{
  background:#f4fcf9 !important;
  border-color:var(--aff-primary) !important;
  transform:translateY(-1px);
}

/* =========================================================
   Forms
   ========================================================= */

body[data-site="corp"].theme-mint-light input,
body[data-site="corp"].theme-mint-light select,
body[data-site="corp"].theme-mint-light textarea{
  background:#ffffff !important;
  color:var(--aff-text) !important;
  border:1px solid var(--aff-border-strong) !important;
  box-shadow:0 3px 10px rgba(18,83,73,.035);
}

body[data-site="corp"].theme-mint-light input:focus,
body[data-site="corp"].theme-mint-light select:focus,
body[data-site="corp"].theme-mint-light textarea:focus{
  border-color:var(--aff-primary) !important;

  box-shadow:
    0 0 0 4px rgba(8,127,113,.10),
    0 7px 18px rgba(18,83,73,.07) !important;
}

body[data-site="corp"].theme-mint-light input::placeholder,
body[data-site="corp"].theme-mint-light textarea::placeholder{
  color:#78928e !important;
}

body[data-site="corp"].theme-mint-light input:-webkit-autofill,
body[data-site="corp"].theme-mint-light input:-webkit-autofill:focus,
body[data-site="corp"].theme-mint-light input:-webkit-autofill:hover{
  -webkit-text-fill-color:var(--aff-text) !important;
  box-shadow:0 0 0 1000px #fff inset !important;
  caret-color:var(--aff-text) !important;
}

body[data-site="corp"].theme-mint-light #refLink{
  background:#ffffff !important;
  color:var(--aff-primary-dark) !important;
  -webkit-text-fill-color:var(--aff-primary-dark) !important;
  border-color:var(--aff-border-strong) !important;
}

/* رسائل النماذج */
body[data-site="corp"].theme-mint-light .note{
  background:
    linear-gradient(
      135deg,
      rgba(232,249,244,.96),
      rgba(250,255,253,.98)
    ) !important;

  border:1px solid var(--aff-border) !important;
  color:var(--aff-text) !important;
}

body[data-site="corp"].theme-mint-light .note.ok,
body[data-site="corp"].theme-mint-light .ok.note{
  border-color:rgba(34,150,91,.24) !important;
  background:#eefaf3 !important;
  color:#176b3b !important;
}

/* =========================================================
   Tables
   ========================================================= */

body[data-site="corp"].theme-mint-light .table-scroll{
  background:#ffffff !important;
  border:1px solid var(--aff-border) !important;
  box-shadow:var(--aff-shadow-soft) !important;
}

body[data-site="corp"].theme-mint-light .table{
  color:var(--aff-text) !important;
}

body[data-site="corp"].theme-mint-light .table th{
  background:#eaf8f4 !important;
  color:var(--aff-heading) !important;
}

body[data-site="corp"].theme-mint-light .table td{
  color:var(--aff-text) !important;
  border-bottom:1px solid rgba(8,127,113,.10) !important;
}

body[data-site="corp"].theme-mint-light #payoutsTable{
  color:var(--aff-text) !important;
  background:#ffffff !important;
}

body[data-site="corp"].theme-mint-light #payoutsTable th{
  color:var(--aff-heading) !important;
  background:#eaf8f4 !important;
  border-color:var(--aff-border) !important;
}

body[data-site="corp"].theme-mint-light #payoutsTable td{
  color:var(--aff-text) !important;
  border-color:rgba(8,127,113,.10) !important;
}

/* =========================================================
   Footer
   ========================================================= */

body[data-site="corp"].theme-mint-light .footer{
  background:
    linear-gradient(
      180deg,
      rgba(230,248,243,.86),
      rgba(216,241,234,.96)
    ) !important;

  color:var(--aff-heading) !important;
  border-top:1px solid var(--aff-border) !important;
}

body[data-site="corp"].theme-mint-light .footer a{
  color:var(--aff-primary-dark) !important;
}

body[data-site="corp"].theme-mint-light .f_copy{
  color:var(--aff-muted) !important;
  border-color:var(--aff-border) !important;
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width:720px){

  body[data-site="corp"].theme-mint-light .aff-wrap{
    width:min(100% - 22px, 1120px);
  }

  body[data-site="corp"].theme-mint-light .aff-card,
  body[data-site="corp"].theme-mint-light .aff-hero__copy,
  body[data-site="corp"].theme-mint-light .aff-hero__panel{
    box-shadow:
      0 10px 28px rgba(18,83,73,.08) !important;
  }

  body[data-site="corp"].theme-mint-light .table tr{
    border-bottom:1px solid rgba(8,127,113,.12) !important;
  }

  body[data-site="corp"].theme-mint-light .table td::before{
    color:var(--aff-muted) !important;
  }
}

/* =========================================================
   Reduced motion
   ========================================================= */

@media (prefers-reduced-motion:reduce){

  body[data-site="corp"].theme-mint-light *,
  body[data-site="corp"].theme-mint-light *::before,
  body[data-site="corp"].theme-mint-light *::after{
    animation:none !important;
    transition:none !important;
  }
}