/* 07-journey-upgrade.css */
/* تطوير رحلة حقيبة بابا أحمد: قرار أسرع، سلم تعليمي أوضح، وتقسيم ولي الأمر/الطفل/المعلم */
.admin-only-visitors{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.public-trust-strip{
  max-width:980px;
  margin:-18px auto 18px;
  position:relative;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(216,235,232,.95);
  border-radius:999px;
  padding:10px 12px;
  box-shadow:0 8px 20px rgba(15,118,110,.08);
}
.public-trust-strip span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#0f766e;
  font-size:.72rem;
  font-weight:900;
  background:#f8fdfc;
  border:1px solid #e3efed;
  border-radius:999px;
  padding:5px 9px;
  white-space:nowrap;
}
.decision-hero{
  max-width:980px;
  margin:0 auto 14px;
  background:
    radial-gradient(circle at 12% 5%,rgba(245,158,11,.16),transparent 34%),
    linear-gradient(135deg,#ffffff,#f0fdfa 72%,#fff7ed);
  border:1px solid rgba(216,235,232,.96);
  border-radius:28px;
  padding:22px 18px;
  box-shadow:0 16px 34px rgba(15,118,110,.11);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.decision-hero::before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:5px;
  background:linear-gradient(90deg,var(--accent),var(--primary));
}
.decision-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#9a3412;
  background:#fff7ed;
  border:1px solid #fed7aa;
  border-radius:999px;
  padding:5px 13px;
  font-size:.72rem;
  font-weight:900;
  margin-bottom:8px;
}
.decision-hero h2{
  color:var(--primary);
  font-size:clamp(1.18rem,4.8vw,1.75rem);
  font-weight:900;
  margin:0 0 8px;
}
.decision-hero p{
  color:#53666f;
  line-height:1.8;
  font-size:.9rem;
  font-weight:800;
  max-width:650px;
  margin:0 auto 15px;
}
.decision-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
}
.decision-primary,
.decision-secondary{
  min-height:42px;
  border-radius:999px;
  padding:10px 16px;
  font-family:'Tajawal','Segoe UI',Tahoma,sans-serif;
  font-size:.82rem;
  font-weight:900;
  text-decoration:none!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  transition:.2s ease;
  border:1px solid transparent;
}
.decision-primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 10px 22px rgba(15,118,110,.18);
}
.decision-secondary{
  color:#0f766e!important;
  background:#fff;
  border-color:#cfe7e3;
  box-shadow:0 8px 18px rgba(15,118,110,.08);
}
.decision-primary:hover,
.decision-secondary:hover{
  transform:translateY(-2px);
}
.audience-gates{
  max-width:980px;
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}
.audience-gates a{
  text-decoration:none!important;
  color:#23323a!important;
  background:#fff;
  border:1px solid #d8ebe8;
  border-radius:20px;
  padding:13px 12px;
  box-shadow:0 8px 18px rgba(15,118,110,.07);
  text-align:right;
  transition:.2s ease;
}
.audience-gates a:hover{
  transform:translateY(-2px);
  border-color:#99d5ca;
  background:linear-gradient(135deg,#ffffff,#f0fdfa);
}
.audience-gates strong{
  display:block;
  color:var(--primary);
  font-size:.9rem;
  font-weight:900;
  margin-bottom:4px;
}
.audience-gates span{
  display:block;
  color:#64737b;
  font-size:.72rem;
  font-weight:800;
  line-height:1.6;
}
.start-guide-buttons-upgraded .start-guide-btn{
  min-height:86px;
}
.ladder-intro{
  max-width:980px;
  margin:-6px auto 12px;
  color:#60717a;
  background:#ffffff;
  border:1px solid #d8ebe8;
  border-radius:18px;
  padding:12px 14px;
  font-size:.82rem;
  font-weight:800;
  line-height:1.7;
  text-align:right;
  box-shadow:0 7px 16px rgba(15,118,110,.05);
}
.learning-ladder-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  max-width:980px;
  margin:0 auto;
}
.ladder-card{
  display:flex;
  align-items:stretch;
  gap:12px;
  min-height:166px;
  background:#fff;
  border:1px solid #d8ebe8;
  border-radius:24px;
  padding:14px;
  box-shadow:0 10px 22px rgba(15,118,110,.07);
  position:relative;
  overflow:hidden;
}
.ladder-card::after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:5px;
  background:linear-gradient(180deg,var(--primary),#99d5ca);
}
.ladder-card-featured{
  border-color:#99d5ca;
  background:linear-gradient(135deg,#ffffff,#f0fdfa);
}
.ladder-card-assessment{
  border-color:#fed7aa;
  background:linear-gradient(135deg,#ffffff,#fff7ed);
  grid-column:1 / -1;
  width:100%;
  max-width:520px;
  justify-self:center;
}
.ladder-card-assessment::after{background:linear-gradient(180deg,var(--accent),#fed7aa);}
.ladder-step{
  width:42px;
  min-width:42px;
  height:42px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  font-weight:900;
  font-size:1rem;
  box-shadow:0 8px 18px rgba(15,118,110,.18);
  margin-right:2px;
}
.ladder-card-assessment .ladder-step{background:linear-gradient(135deg,var(--accent),var(--accent-2));}
.ladder-body{
  flex:1 1 auto;
  min-width:0;
  text-align:right;
}
.ladder-stage{
  display:inline-flex;
  color:#0f766e;
  background:#f0fdfa;
  border:1px solid #cfe7e3;
  border-radius:999px;
  padding:4px 9px;
  font-size:.66rem;
  font-weight:900;
  margin-bottom:6px;
}
.ladder-card-assessment .ladder-stage{
  color:#9a3412;
  background:#fff7ed;
  border-color:#fed7aa;
}
.ladder-body h3{
  color:#23323a;
  margin:0 0 5px;
  font-size:1rem;
  line-height:1.45;
  font-weight:900;
}
.ladder-body p{
  color:#64737b;
  font-size:.76rem;
  line-height:1.7;
  margin:0 0 8px;
  font-weight:800;
}
.feature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.feature-pills span{
  background:#fff;
  border:1px solid #e3efed;
  color:#47776f;
  border-radius:999px;
  padding:4px 8px;
  font-size:.64rem;
  font-weight:900;
  white-space:nowrap;
}
.ladder-actions{
  width:80px;
  min-width:80px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:8px;
}
.ladder-actions .btn-style,
.ladder-actions .btn-review{
  width:100%!important;
  min-width:0!important;
  padding:7px 8px!important;
  font-size:.72rem!important;
}
.teacher-feature-card{
  margin-bottom:18px;
}
@media (max-width:760px){
  .public-trust-strip{border-radius:22px;margin:-14px auto 16px;}
  .decision-actions{flex-direction:column;align-items:stretch;}
  .decision-primary,.decision-secondary{width:100%;}
  .audience-gates{grid-template-columns:1fr;}
  .learning-ladder-grid{grid-template-columns:1fr;}
  .ladder-card{min-height:0;}
  .ladder-card-assessment{max-width:none;}
}
@media (max-width:520px){
  .decision-hero{padding:20px 13px;border-radius:24px;}
  .public-trust-strip span{font-size:.68rem;padding:5px 8px;}
  .ladder-card{flex-direction:column;padding:13px;border-radius:22px;}
  .ladder-step{position:absolute;top:12px;left:12px;width:36px;min-width:36px;height:36px;border-radius:14px;}
  .ladder-body{padding-left:46px;}
  .ladder-actions{width:100%;min-width:100%;flex-direction:row;}
  .ladder-actions .btn-style,.ladder-actions .btn-review{flex:1 1 50%!important;}
  .start-guide-buttons-upgraded{grid-template-columns:1fr 1fr;}
}


/* دمج بوابات الجمهور داخل رحلة القرار لتقليل طبقات التنقل على الجوال */
.decision-hero .audience-gates{
  max-width:760px;
  margin:16px auto 0;
  position:relative;
  z-index:1;
}
.decision-hero .audience-gates a{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(8px);
}
@media (max-width:760px){
  .decision-hero .audience-gates{
    margin-top:14px;
    gap:8px;
  }
  .decision-hero .audience-gates a{
    padding:11px 12px;
  }
}