/* ============================================================
   DamriNet — صفحة إتمام الطلب (dn-checkout.css)
   يُحمَّل فقط على cart.php عبر includes/hooks/damrinet_checkout.php
   ============================================================ */
:root{
  --dnco-card:rgba(255,255,255,.035);
  --dnco-input:rgba(255,255,255,.045);
  --dnco-line:rgba(255,255,255,.10);
  --dnco-txt:#e8eef7;
  --dnco-muted:#9fb0c8;
  --dnco-pop:#0d1626;
  --dnco-g1:#22e07a;
  --dnco-g2:#35e6d8;
}
html[data-dn-theme="light"]{
  --dnco-card:#ffffff;
  --dnco-input:#f5f8fb;
  --dnco-line:rgba(15,40,70,.12);
  --dnco-txt:#0f1d2e;
  --dnco-muted:#5b6b80;
  --dnco-pop:#ffffff;
}

/* ---------- العنوان ---------- */
#order-standard_cart .header-lined{ border:0 !important; background:none !important; margin:0 0 4px !important; padding:0 !important; }
#order-standard_cart .header-lined h1{
  background:none !important; padding:0 !important; margin:0 !important;
  font-size:32px !important; font-weight:800 !important; letter-spacing:-.3px; color:var(--dnco-txt) !important;
}
#order-standard_cart .header-lined h1::after{
  content:""; display:block; width:56px; height:3px; border-radius:3px; margin-top:10px;
  background:linear-gradient(90deg,var(--dnco-g1),var(--dnco-g2));
}

/* ---------- شريط «مسجّل مسبقاً؟» ---------- */
#order-standard_cart .already-registered{
  display:flex !important; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  margin:16px 0 20px !important; padding:14px 18px !important;
  background:var(--dnco-card); border:1px solid var(--dnco-line); border-radius:14px;
}
#order-standard_cart .already-registered > .float-right,
#order-standard_cart .already-registered > .pull-right{ float:none !important; order:2; margin:0 !important; }
#order-standard_cart .already-registered > p{ order:1; margin:0 !important; color:var(--dnco-muted) !important; font-size:14px; }
#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup{
  background:transparent !important; color:var(--dnco-g1) !important;
  border:1px solid rgba(34,224,122,.55) !important; border-radius:10px !important;
  padding:8px 18px !important; font-weight:700 !important; box-shadow:none !important;
  transition:background .2s, color .2s;
}
#order-standard_cart #btnAlreadyRegistered:hover,
#order-standard_cart #btnNewUserSignup:hover{ background:var(--dnco-g1) !important; color:#03291a !important; }

/* ---------- النموذج كبطاقة ---------- */
#order-standard_cart #frmCheckout{
  background:var(--dnco-card); border:1px solid var(--dnco-line); border-radius:18px;
  padding:6px 26px 28px; box-shadow:0 20px 50px -30px rgba(0,0,0,.6);
}

/* عناوين الأقسام */
#order-standard_cart .sub-heading{
  display:flex !important; align-items:center; gap:12px;
  height:auto !important; border:0 !important; text-align:start !important;
  margin:28px 0 16px !important; padding:0 !important;
}
#order-standard_cart .sub-heading::after{
  content:""; flex:1 1 auto; height:1px;
  background:linear-gradient(to right, rgba(34,224,122,.4), transparent);
}
html[dir="rtl"] #order-standard_cart .sub-heading::after{ background:linear-gradient(to left, rgba(34,224,122,.4), transparent); }
#order-standard_cart .sub-heading span{
  position:static !important; top:auto !important; padding:0 !important;
  background:none !important; color:var(--dnco-txt) !important;
  display:inline-flex !important; align-items:center; gap:10px;
  font-size:15px !important; font-weight:800 !important; white-space:nowrap;
}
#order-standard_cart .sub-heading span::before{
  content:""; width:8px; height:8px; border-radius:50%; flex:0 0 8px;
  background:var(--dnco-g1); box-shadow:0 0 0 4px rgba(34,224,122,.16);
}

/* الحقول */
#order-standard_cart #frmCheckout .form-control,
#order-standard_cart #frmCheckout .field{
  height:48px; border-radius:12px !important;
  background:var(--dnco-input) !important; color:var(--dnco-txt) !important;
  border:1px solid var(--dnco-line) !important; box-shadow:none !important;
  transition:border-color .2s, box-shadow .2s;
}
#order-standard_cart #frmCheckout textarea.form-control,
#order-standard_cart #frmCheckout textarea.field{ height:auto; min-height:110px; padding-top:12px; }
#order-standard_cart #frmCheckout .form-control:focus,
#order-standard_cart #frmCheckout .field:focus{
  border-color:var(--dnco-g1) !important; box-shadow:0 0 0 3px rgba(34,224,122,.18) !important; outline:0;
}
#order-standard_cart #frmCheckout .form-control::placeholder{ color:var(--dnco-muted); opacity:.85; }
#order-standard_cart #frmCheckout .prepend-icon .field-icon{ height:48px !important; line-height:48px !important; color:var(--dnco-g1) !important; opacity:.85; }
#order-standard_cart #frmCheckout .form-group{ margin-bottom:14px; }

/* المبلغ المستحق */
#order-standard_cart #totalDueToday{
  background:linear-gradient(135deg, rgba(34,224,122,.12), rgba(53,230,216,.07)) !important;
  border:1px solid rgba(34,224,122,.35) !important; border-radius:14px !important;
  color:var(--dnco-txt) !important; font-size:16px !important; padding:16px !important;
}
#order-standard_cart #totalDueToday strong{ color:var(--dnco-g1) !important; font-size:24px; font-weight:800; }

/* طرق الدفع كبطاقات */
#order-standard_cart #paymentGatewaysContainer > .text-center{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
#order-standard_cart #paymentGatewaysContainer .radio-inline{
  display:inline-flex !important; align-items:center; gap:8px; margin:0 !important;
  padding:10px 16px !important; border-radius:12px; cursor:pointer;
  background:var(--dnco-input); border:1px solid var(--dnco-line); color:var(--dnco-txt);
  transition:border-color .2s, background .2s;
}
#order-standard_cart #paymentGatewaysContainer .radio-inline:hover{ border-color:rgba(34,224,122,.5); }
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(input:checked),
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(.checked){
  border-color:var(--dnco-g1); background:rgba(34,224,122,.10);
}

/* زر إتمام الطلب */
#order-standard_cart #btnCompleteOrder{
  min-width:300px; height:56px; margin-top:8px;
  border:0 !important; border-radius:14px !important;
  background:linear-gradient(135deg, var(--dnco-g1), #16b866) !important; color:#03291a !important;
  font-size:18px !important; font-weight:800 !important;
  box-shadow:0 14px 32px -12px rgba(34,224,122,.75) !important;
  transition:transform .2s, box-shadow .2s;
}
#order-standard_cart #btnCompleteOrder:hover:not([disabled]){ transform:translateY(-2px); box-shadow:0 18px 38px -12px rgba(34,224,122,.9) !important; }

/* رسالة الأمان */
#order-standard_cart .checkout-security-msg{
  background:transparent !important; color:var(--dnco-muted) !important;
  border:1px dashed var(--dnco-line) !important; border-radius:14px !important;
  font-size:13px; margin-top:18px;
}
#order-standard_cart .checkout-security-msg i{ color:var(--dnco-g1); }

/* القائمة الجانبية */
#order-standard_cart .cart-sidebar .card-sidebar{
  border-radius:16px !important; overflow:hidden;
  border:1px solid var(--dnco-line) !important; background:var(--dnco-card) !important;
}
#order-standard_cart .cart-sidebar .card-sidebar .card-header{ cursor:pointer; user-select:none; }

/* صفحة تأكيد الطلب */
#order-standard_cart .order-confirmation{
  background:linear-gradient(135deg, rgba(34,224,122,.12), rgba(53,230,216,.07)) !important;
  border:1px solid rgba(34,224,122,.35) !important; border-radius:14px !important; color:var(--dnco-txt) !important;
}
#order-standard_cart .order-confirmation span{ color:var(--dnco-g1); font-weight:800; }

@media (max-width:767px){
  #order-standard_cart #frmCheckout{ padding:4px 14px 18px; border-radius:14px; }
  #order-standard_cart #btnCompleteOrder{ width:100%; min-width:0; }
  #order-standard_cart .header-lined h1{ font-size:26px !important; }
}

/* ============================================================
   النوافذ (جاري المعالجة + الشكر)
   ============================================================ */
.dnco-ov{
  position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:16px;
  background:rgba(4,10,20,.72); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  opacity:0; transition:opacity .3s ease; font-family:Cairo,"Segoe UI",Tahoma,sans-serif;
}
.dnco-ov.show{ opacity:1; }
.dnco-box{
  position:relative; width:min(460px, 100%); max-height:calc(100vh - 32px); overflow:auto;
  background:var(--dnco-pop); color:var(--dnco-txt);
  border:1px solid rgba(34,224,122,.28); border-radius:22px;
  padding:34px 28px 24px; text-align:center;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.03) inset;
  transform:translateY(16px) scale(.97); transition:transform .4s cubic-bezier(.2,1.2,.3,1);
}
.dnco-ov.show .dnco-box{ transform:none; }
.dnco-box::before{
  content:""; position:absolute; inset:0 0 auto 0; height:4px; border-radius:22px 22px 0 0;
  background:linear-gradient(90deg, var(--dnco-g1), var(--dnco-g2), #7c86ff);
}
.dnco-title{ margin:14px 0 8px; font-size:21px; font-weight:800; line-height:1.4; color:var(--dnco-txt); }
.dnco-text{ margin:0 auto 14px; max-width:380px; font-size:14.5px; line-height:1.85; color:var(--dnco-muted); }

/* شعار يدور داخل حلقة متوهجة */
.dnco-logo{ position:relative; width:92px; height:92px; margin:0 auto; border-radius:50%; padding:4px;
  background:conic-gradient(from 0deg, var(--dnco-g1), var(--dnco-g2), transparent 70%, var(--dnco-g1));
  animation:dncoSpin 1.4s linear infinite; }
.dnco-logo img{ display:block; width:100%; height:100%; border-radius:50%; background:#f6f9f7;
  animation:dncoSpin 1.4s linear infinite reverse; }
@keyframes dncoSpin{ to{ transform:rotate(360deg); } }
.dnco-bar{ position:relative; height:4px; margin:8px auto 0; max-width:260px; border-radius:4px; overflow:hidden; background:var(--dnco-line); }
.dnco-bar span{ position:absolute; inset:0 auto 0 0; width:40%; border-radius:4px;
  background:linear-gradient(90deg, var(--dnco-g1), var(--dnco-g2)); animation:dncoBar 1.3s ease-in-out infinite; }
@keyframes dncoBar{ 0%{ transform:translateX(-110%); } 100%{ transform:translateX(260%); } }

/* علامة الصح */
.dnco-check{ width:78px; height:78px; margin:0 auto; border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle, rgba(34,224,122,.18), rgba(34,224,122,0) 70%); }
.dnco-check svg{ width:66px; height:66px; fill:none; stroke:var(--dnco-g1); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.dnco-check circle{ stroke-dasharray:151; stroke-dashoffset:151; animation:dncoDraw .7s ease-out .15s forwards; }
.dnco-check path{ stroke-dasharray:40; stroke-dashoffset:40; animation:dncoDraw .4s ease-out .75s forwards; }
@keyframes dncoDraw{ to{ stroke-dashoffset:0; } }

.dnco-chip{ display:inline-flex; align-items:center; gap:10px; margin:2px 0 14px; padding:7px 16px; border-radius:999px;
  background:rgba(34,224,122,.10); border:1px solid rgba(34,224,122,.35); font-size:13.5px; color:var(--dnco-muted); }
.dnco-chip b{ color:var(--dnco-g1); font-size:15px; letter-spacing:.3px; }

.dnco-mail{ display:flex; align-items:center; gap:12px; text-align:start; margin:4px 0 6px; padding:12px 14px;
  border-radius:14px; background:var(--dnco-input); border:1px solid var(--dnco-line); font-size:13.5px; color:var(--dnco-muted); }
.dnco-mail b{ display:block; color:var(--dnco-txt); font-size:14.5px; word-break:break-all; }
.dnco-mail-ic{ flex:0 0 38px; height:38px; border-radius:10px; background:rgba(34,224,122,.14) center/20px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322e07a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E"); }
.dnco-hint{ margin:0 0 6px; font-size:12px; color:var(--dnco-muted); opacity:.85; }
.dnco-due{ margin:10px 0 0; font-size:13.5px; color:#f5b84a; font-weight:700; }

.dnco-acts{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:18px; }
.dnco-btn{ display:inline-flex; align-items:center; justify-content:center; min-width:150px; height:46px; padding:0 20px;
  border-radius:12px; border:0; cursor:pointer; font:inherit; font-weight:800; font-size:14.5px; text-decoration:none !important;
  background:linear-gradient(135deg, var(--dnco-g1), #16b866); color:#03291a !important;
  box-shadow:0 12px 26px -12px rgba(34,224,122,.8); transition:transform .2s; }
.dnco-btn:hover{ transform:translateY(-2px); }
.dnco-btn.ghost{ background:transparent; color:var(--dnco-txt) !important; border:1px solid var(--dnco-line); box-shadow:none; }
.dnco-help{ display:inline-block; margin-top:16px; font-size:12.5px; color:var(--dnco-muted) !important; text-decoration:underline; text-underline-offset:3px; }
.dnco-x{ position:absolute; top:12px; inset-inline-end:12px; width:34px; height:34px; border-radius:10px; border:0; cursor:pointer;
  background:var(--dnco-input); color:var(--dnco-muted); font-size:22px; line-height:1; }
.dnco-x:hover{ color:var(--dnco-txt); }

@media (prefers-reduced-motion:reduce){
  .dnco-logo, .dnco-logo img, .dnco-bar span{ animation-duration:4s; }
}

/* ============================================================
   v2 — صفحة السلة (cart.php?a=view): ألوان واضحة في الوضع الليلي والنهاري
   القالب الأصلي يعطي خلفيات بيضاء ثابتة (#fff / #f8f8f8) ورأس أزرق #058
   فيضيع النص في الوضع الليلي.
   ============================================================ */
/* رأس الجدول */
#order-standard_cart .view-cart-items-header{
  background:linear-gradient(135deg, #0b7a45, #12b866) !important; color:#ffffff !important;
  border-radius:14px 14px 0 0 !important; padding:12px 18px !important; font-weight:700; font-size:14px !important;
}
#order-standard_cart .view-cart-items{ border:1px solid var(--dnco-line); border-top:0; border-radius:0 0 14px 14px; overflow:hidden; }
/* صفوف المنتجات */
#order-standard_cart .view-cart-items .item{
  background:var(--dnco-card) !important; color:var(--dnco-txt) !important;
  border-bottom:1px solid var(--dnco-line) !important; padding:16px 18px !important; font-size:14px !important;
}
#order-standard_cart .view-cart-items .item:nth-child(even){ background:var(--dnco-input) !important; }
#order-standard_cart .view-cart-items .item-title{ color:var(--dnco-txt) !important; font-weight:700; font-size:16px; }
#order-standard_cart .view-cart-items .item-title a{ color:var(--dnco-g1) !important; font-weight:600; font-size:13px; }
#order-standard_cart .view-cart-items .item-group{ color:var(--dnco-muted) !important; font-size:13px; }
#order-standard_cart .view-cart-items .item-domain{ color:#35e6d8 !important; font-size:12.5px; }
html[data-dn-theme="light"] #order-standard_cart .view-cart-items .item-domain{ color:#0f9384 !important; }
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-price span{ color:var(--dnco-txt) !important; }
#order-standard_cart .view-cart-items .item-price .cost{ font-weight:800; font-size:17px; }
#order-standard_cart .view-cart-items .cycle,
#order-standard_cart .view-cart-items .renewal{ color:var(--dnco-muted) !important; }
#order-standard_cart .btn-remove-from-cart{ color:var(--dnco-muted) !important; }
#order-standard_cart .btn-remove-from-cart:hover{ color:#ff6b6b !important; }
/* زر إفراغ العربة */
#order-standard_cart .empty-cart .btn,
#order-standard_cart #btnEmptyCart{
  background:transparent !important; color:#ff8a8a !important; border:1px solid rgba(255,107,107,.45) !important;
  border-radius:0 0 10px 10px !important; font-size:13px !important;
}
/* ملخص الطلب */
#order-standard_cart .order-summary{
  background:var(--dnco-card) !important; border:1px solid var(--dnco-line) !important; border-radius:16px !important;
  border-bottom:1px solid var(--dnco-line) !important; overflow:hidden;
}
#order-standard_cart .order-summary h2{
  background:linear-gradient(135deg, #0b7a45, #12b866) !important; color:#ffffff !important; font-weight:700 !important;
}
#order-standard_cart .summary-container{ background:transparent !important; color:var(--dnco-txt) !important; font-size:14px !important; }
#order-standard_cart .summary-container *{ color:inherit; }
#order-standard_cart .summary-container .text-muted, #order-standard_cart .summary-container small{ color:var(--dnco-muted) !important; }
#order-standard_cart .order-summary .total-due-today{
  background:linear-gradient(135deg, rgba(34,224,122,.12), rgba(53,230,216,.07)) !important;
  border:1px solid rgba(34,224,122,.35) !important; border-radius:12px !important; color:var(--dnco-txt) !important;
}
#order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart .order-summary .total-due-today span:first-child{ color:var(--dnco-g1) !important; font-weight:800; }
#order-standard_cart #checkout,
#order-standard_cart .btn-checkout{
  background:linear-gradient(135deg, var(--dnco-g1), #16b866) !important; color:#03291a !important; border:0 !important;
  border-radius:14px !important; font-weight:800 !important; box-shadow:0 14px 30px -12px rgba(34,224,122,.75) !important;
}
#order-standard_cart .order-summary a:not(.btn){ color:var(--dnco-muted) !important; }
/* «يوصى به لك» */
.product-recommendations .product-recommendation{
  background:var(--dnco-card) !important; border:1px solid var(--dnco-line) !important; border-bottom:3px solid rgba(34,224,122,.6) !important;
  border-radius:14px !important; overflow:hidden;
}
.product-recommendations .product-recommendation .header{ background:transparent !important; }
.product-recommendations .product-recommendation .headline,
.product-recommendations .product-recommendation .product-name{ color:var(--dnco-txt) !important; font-weight:700; }
.product-recommendations .product-recommendation .tagline,
.product-recommendations .product-recommendation .body,
.product-recommendations .product-recommendation .body *{ color:var(--dnco-muted) !important; }
.product-recommendations .product-recommendation .price{ color:var(--dnco-g1) !important; font-weight:800; }
.product-recommendations .product-recommendation .expander{ color:var(--dnco-g1) !important; }
.product-recommendations .product-recommendation .body{ background:var(--dnco-input) !important; border-top:1px solid var(--dnco-line); }
/* الرمز الترويجي / حساب الضريبة */
#order-standard_cart .view-cart-tabs .nav-tabs{ border-color:var(--dnco-line) !important; }
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link{ color:var(--dnco-muted) !important; background:transparent !important; border-color:transparent !important; }
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active,
#order-standard_cart .view-cart-tabs .nav-tabs .active > a{ color:var(--dnco-g1) !important; border-bottom:2px solid var(--dnco-g1) !important; }
#order-standard_cart .view-cart-tabs .tab-content{ background:var(--dnco-card) !important; border:1px solid var(--dnco-line) !important; border-top:0 !important; border-radius:0 0 14px 14px; color:var(--dnco-txt) !important; }
#order-standard_cart .view-cart-tabs .form-control,
#order-standard_cart .view-cart-items .form-control{
  background:var(--dnco-input) !important; color:var(--dnco-txt) !important; border:1px solid var(--dnco-line) !important; border-radius:10px !important;
}
#order-standard_cart .view-cart-empty{ color:var(--dnco-muted) !important; }
