/* =========================================
   DBL Shipments – Soft Graphite Gold theme
   ========================================= */

/* --- Design tokens --- */
:root{
  --ph-gold:#D4AF37;
  --ph-gold-2:#B8941F;
  --ph-bg:#1f2430;
  --ph-panel:#262c39;
  --ph-panel-2:#202633;
  --ph-stroke:rgba(212,175,55,.22);
  --ph-stroke-2:rgba(212,175,55,.14);
  --ph-text:#e9edf5;
  --ph-text-dim:#b6bccb;
  --ph-dim-navy:#8aa4c1;
  --ph-shadow:0 10px 26px rgba(7,9,12,.28), 0 2px 8px rgba(7,9,12,.2);
  --ph-inner:inset 0 1px 0 rgba(255,255,255,.04);

  /* Fluid type scale */
  --fs-xxs: clamp(11px,.72vw,12px);
  --fs-xs:  clamp(12px,.80vw,13px);
  --fs-sm:  clamp(13px,.95vw,14px);
  --fs-md:  clamp(14px,1.05vw,16px);
  --fs-lg:  clamp(16px,1.25vw,18px);
  --fs-xl:  clamp(26px,3vw,36px);
}

/* --- Global toggle --- */
body.dblship-soft{ background:var(--ph-bg); }

/* =========================================
   Woo My Account – nav pills
   ========================================= */
.woocommerce-account .woocommerce-MyAccount-navigation{
  float:none !important; width:100% !important; max-width:1240px;
  margin:0 auto 32px; padding:0 32px; background:transparent !important;
  border:0 !important; box-sizing:border-box;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  display:flex !important; flex-wrap:wrap !important; justify-content:center !important;
  align-items:stretch !important; gap:16px !important; list-style:none !important;
  margin:0 !important; padding:0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
  display:flex !important; flex:0 1 220px !important; min-width:200px !important;
  border-radius:16px; backdrop-filter:blur(10px);
  background:linear-gradient(135deg, rgba(34,37,46,.9), rgba(27,31,39,.9));
  border:1px solid rgba(212,175,55,.28);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; min-height:56px !important; padding:0 20px !important;
  color:#c7cbd6 !important; font-weight:600; font-size:var(--fs-sm) !important;
  text-align:center !important; line-height:1.2 !important; text-decoration:none !important;
  white-space:normal !important; border-radius:inherit; background:transparent !important;
}
@supports (text-wrap: balance){ .woocommerce-account .woocommerce-MyAccount-navigation ul li a{ text-wrap:balance; } }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover{
  border-color:var(--ph-gold); transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(212,175,55,.25);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active{
  background:linear-gradient(135deg,var(--ph-gold),var(--ph-gold-2));
  border-color:var(--ph-gold); box-shadow:0 6px 18px rgba(212,175,55,.45);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{ color:#0a0a0a !important; }

/* =========================================
   Page / portal shell
   ========================================= */
.woocommerce-MyAccount-content{
  float:none !important; width:100% !important; clear:both !important;
  margin:0 auto !important; box-sizing:border-box !important;
}
.woocommerce-account .woocommerce{ max-width:none !important; margin:0 !important; display:block !important; }

body.dblship-soft .dbl-portal{
  max-width:1240px; margin:0 auto; padding:0 32px; color:var(--ph-text);
}
body.dblship-soft .dbl-card,
body.dblship-soft .dbl-panel,
body.dblship-soft .dbl-box{
  border-radius:20px; padding:28px; backdrop-filter:blur(8px);
  background:linear-gradient(180deg,var(--ph-panel),var(--ph-panel-2));
  border:1px solid var(--ph-stroke); box-shadow:var(--ph-shadow), var(--ph-inner);
}
body.dblship-soft .dbl-card hr{
  border:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent);
  margin:12px 0;
}

/* Section heads / tabs */
body.dblship-soft .dbl-toolbar,
body.dblship-soft .dbl-section-head,
body.dblship-soft .dbl-card .dbl-card-head{
  border-radius:14px; padding:10px 14px; color:var(--ph-text);
  background:linear-gradient(180deg,#2A3140,#242B38);
  border:1px solid var(--ph-stroke-2); box-shadow:var(--ph-inner);
}
body.dblship-soft .dbl-tabs{
  display:flex; justify-content:center; align-items:center; gap:10px;
  margin:0 0 12px; padding:8px 10px; border-radius:16px;
  background:linear-gradient(180deg,rgba(46,53,68,.35),rgba(41,49,66,.25));
  border:1px solid var(--ph-stroke-2);
}
body.dblship-soft .dbl-tab{
  display:inline-flex; align-items:center; justify-content:center;
  height:38px; padding:0 14px; border-radius:12px; white-space:nowrap;
  color:var(--ph-text); font-weight:600; font-size:var(--fs-sm);
}
body.dblship-soft .dbl-tab.active{
  background:linear-gradient(135deg,var(--ph-gold),var(--ph-gold-2));
  color:#0a0a0a; box-shadow:0 4px 14px rgba(212,175,55,.32);
}

/* Headings */
body.dblship-soft .dbl-card h3,
body.dblship-soft .dbl-card h4{ color:#F3D37A !important; font-weight:800; letter-spacing:.02em; }
body.dblship-soft .dbl-card h3 .dashicons,
body.dblship-soft .dbl-card h4 .dashicons{ color:#F3D37A !important; }

/* Buttons */
body.dblship-soft .dbl-btn,
body.dblship-soft a.dbl-btn,
body.dblship-soft button.dbl-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  border-radius:12px; padding:10px 14px; white-space:nowrap; line-height:1;
  font-weight:700; font-size:var(--fs-sm);
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(180deg,#2b3140,#232939);
  color:#f2f4f8; box-shadow:0 6px 14px rgba(0,0,0,.25);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, color .12s ease, background .12s ease;
}
body.dblship-soft .dbl-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.32); }
body.dblship-soft .dbl-btn--primary{
  background:linear-gradient(135deg,var(--ph-gold),var(--ph-gold-2));
  color:#0a0a0a; border-color:rgba(212,175,55,.55);
}

/* Tables */
body.dblship-soft .dbl-table{
  width:100%; border-collapse:separate; border-spacing:0;
  background:#2a3040; border:1px solid var(--ph-stroke-2);
  border-radius:14px; overflow:hidden;
}
body.dblship-soft .dbl-table thead{
  background:linear-gradient(135deg,var(--ph-gold),var(--ph-gold-2));
  color:#181a1f; box-shadow:0 4px 14px rgba(212,175,55,.28);
}
body.dblship-soft .dbl-table th{
  padding:16px 18px;
  font:800 12.5px/1 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial;
  text-transform:uppercase; letter-spacing:.5px;
}
body.dblship-soft .dbl-table td{ padding:16px 18px; color:var(--ph-text); border-bottom:1px solid rgba(212,175,55,.08); }
body.dblship-soft .dbl-table tbody tr:hover{ background:rgba(212,175,55,.06); }

/* Status badge */
body.dblship-soft .dbl-status-badge{
  display:inline-flex; align-items:center; height:28px; padding:0 10px;
  border-radius:24px; white-space:nowrap;
  background:linear-gradient(135deg,var(--ph-gold),var(--ph-gold-2));
  color:#0a0a0a; font-weight:800; font-size:var(--fs-xs);
  box-shadow:0 3px 10px rgba(212,175,55,.25);
}

/* =========================================
   FORM CONTROLS — Portal + Broker Console
   ========================================= */
body.dblship-soft .dbl-portal input:not([type]),
body.dblship-soft .dbl-portal input[type="text"],
body.dblship-soft .dbl-portal input[type="email"],
body.dblship-soft .dbl-portal input[type="tel"],
body.dblship-soft .dbl-portal input[type="number"],
body.dblship-soft .dbl-portal input[type="password"],
body.dblship-soft .dbl-portal .input-text,
body.dblship-soft .dbl-portal select,
body.dblship-soft .dbl-portal textarea,
.broker-console input[type="text"],
.broker-console input[type="email"],
.broker-console input[type="tel"],
.broker-console input[type="number"],
.broker-console input[type="password"],
.broker-console input:not([type]),
.broker-console .input-text,
.broker-console select,
.broker-console textarea{
  -webkit-appearance:none; appearance:none;
  width:100% !important; min-width:0;
  background:linear-gradient(180deg,#2e3544,#293142) !important;
  border:1px solid rgba(212,175,55,.20) !important;
  color:var(--ph-text) !important; text-shadow:none !important;
  border-radius:12px !important; padding:12px 14px !important;
  line-height:1.35 !important; height:46px !important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22) !important; opacity:1 !important;
}
body.dblship-soft .dbl-portal textarea,
.broker-console textarea{ height:auto !important; min-height:110px !important; resize:vertical; }

body.dblship-soft .dbl-portal ::placeholder,
.broker-console ::placeholder{ color:#c8cfdb !important; opacity:1 !important; }

body.dblship-soft .dbl-portal input:focus,
body.dblship-soft .dbl-portal select:focus,
body.dblship-soft .dbl-portal textarea:focus,
.broker-console input:focus,
.broker-console select:focus,
.broker-console textarea:focus{
  outline:none !important; border-color:var(--ph-gold) !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.18), 0 0 0 1px var(--ph-gold) inset !important;
  background:linear-gradient(180deg,#323a4b,#2c3546) !important;
}

/* Select readability */
body.dblship-soft .dbl-portal select,
.broker-console select{ color:var(--ph-text) !important; background-color:#2e3544 !important; }
body.dblship-soft .dbl-portal select option,
.broker-console select option{ background:#2e3544 !important; color:var(--ph-text) !important; }
body.dblship-soft .dbl-portal select option:checked,
.broker-console select option:checked{ background:var(--ph-gold) !important; color:#181a1f !important; }

/* WebKit autofill */
body.dblship-soft .dbl-portal input:-webkit-autofill,
body.dblship-soft .dbl-portal select:-webkit-autofill,
body.dblship-soft .dbl-portal textarea:-webkit-autofill,
.broker-console input:-webkit-autofill,
.broker-console select:-webkit-autofill,
.broker-console textarea:-webkit-autofill{
  -webkit-text-fill-color:var(--ph-text) !important; caret-color:var(--ph-text) !important;
  transition:background-color 9999s ease-in-out 0s !important;
  box-shadow:0 0 0 1000px #2e3544 inset !important; -webkit-box-shadow:0 0 0 1000px #2e3544 inset !important;
  border-color:rgba(212,175,55,.20) !important;
}

/* Full-width rows in forms */
.broker-console .dbl-card form .form-row,
.broker-console .dbl-card form p,
.broker-console .dbl-card form label,
body.dblship-soft .dbl-portal .dbl-card form .form-row,
body.dblship-soft .dbl-portal .dbl-card form p,
body.dblship-soft .dbl-portal .dbl-card form label{
  display:block; width:100% !important; margin:0 0 12px !important;
}

/* Checkbox inline */
.broker-console label input[type="checkbox"],
body.dblship-soft .dbl-portal label input[type="checkbox"]{
  width:auto !important; height:auto !important; transform:none !important;
  margin-right:8px !important; vertical-align:middle;
}
.broker-console label:has(input[type="checkbox"]),
body.dblship-soft .dbl-portal label:has(input[type="checkbox"]){
  display:inline-flex !important; align-items:center; gap:8px; width:100% !important;
}

/* Labels readable */
body.dblship-soft .dbl-portal label,
body.dblship-soft .dbl-card label{ color:#d9e2ef; font-weight:600; }

/* =========================================
   Tracking search – centered
   ========================================= */
body.dblship-soft .dbl-card .dbl-track-form{
  display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; margin:12px 0;
}
body.dblship-soft .dbl-card .dbl-track-form input{ min-width:320px; }
body.dblship-soft .dbl-card h4{ text-align:center; }

/* =========================================
   Active Shipments – mobile table → cards
   ========================================= */
@media (max-width:640px){
  .dbl-card .dbl-scroll{ overflow-x:auto !important; -webkit-overflow-scrolling:touch; padding-bottom:8px; }
  .dbl-card .dbl-table{ min-width:720px; table-layout:auto; }
  .dbl-card .dbl-table th, .dbl-card .dbl-table td{ white-space:nowrap; vertical-align:middle; }

  .dbl-card .dbl-table thead{ display:none; }
  .dbl-card .dbl-table tbody tr{
    display:grid; grid-template-columns:1fr 1fr; gap:8px 12px;
    background:#2a3040; border:1px solid rgba(212,175,55,.14); border-radius:12px;
    padding:12px; margin:0 0 12px;
  }
  .dbl-card .dbl-table tbody td{
    display:flex; align-items:center; justify-content:space-between;
    padding:6px 8px; border:0; white-space:normal; word-break:break-word; gap:10px;
  }
  .dbl-card .dbl-table tbody td:nth-child(1)::before{ content:"Tracking";  color:#b6c0d1; font-weight:600; }
  .dbl-card .dbl-table tbody td:nth-child(2)::before{ content:"Carrier";   color:#b6c0d1; font-weight:600; }
  .dbl-card .dbl-table tbody td:nth-child(3)::before{ content:"Status";    color:#b6c0d1; font-weight:600; }
  .dbl-card .dbl-table tbody td:nth-child(4)::before{ content:"Last update"; color:#b6c0d1; font-weight:600; }
  .dbl-card .dbl-table tbody td:nth-child(5)::before{ content:"Actions";   color:#b6c0d1; font-weight:600; }
  .dbl-card .dbl-table tbody td:nth-child(5){ grid-column:1/-1; justify-content:flex-start; gap:10px; }

  .dbl-status-badge{ max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:28px; line-height:28px; padding:0 10px; }
}

/* =========================================
   Broker Console scaffolding
   ========================================= */
.broker-console, .broker-console *{ box-sizing:border-box; }
.broker-console .bc-section{ margin-bottom:1.25rem; }
.broker-console .bc-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.broker-console .bc-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (max-width:768px){
  .broker-console .bc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .broker-console .bc-row{ grid-template-columns:1fr; }
}
@media (max-width:480px){ .broker-console .bc-grid{ grid-template-columns:1fr; } }
.broker-console .scroll-x, .broker-console [style*="overflow-x"]{ overflow-x:visible !important; }

/* =========================================
   Misc
   ========================================= */
body.dblship-soft ::selection{ background:#F0D469; color:#181a1f; }
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* =========================================
   Mobile paddings
   ========================================= */
@media (max-width:1024px){
  .woocommerce-account .woocommerce-MyAccount-navigation ul li{ flex:0 1 260px !important; }
}
@media (max-width:640px){
  .woocommerce-account .woocommerce-MyAccount-navigation{ padding:0 16px; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul li{ flex:1 1 100% !important; min-width:0 !important; }
  body.dblship-soft .dbl-portal{ padding:0 16px; }
  body.dblship-soft .dbl-card{ padding:20px; }
}
/* =========================================
   History Console - Card Layout (Higher Specificity)
   ========================================= */
body.dblship-soft .history-console .history-list{
  display:grid !important;
  gap:14px !important;
}
body.dblship-soft .history-console .history-card{
  background:linear-gradient(180deg,#2b3241,#202838) !important;
  border:1px solid rgba(212,175,55,.28) !important;
  border-radius:12px !important;
  padding:16px !important;
}
body.dblship-soft .history-console .card-header{
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
  flex-wrap:wrap !important;
}
body.dblship-soft .history-console .card-title{
  font-weight:800 !important;
  font-size:16px !important;
  color:#e9edf5 !important;
}
body.dblship-soft .history-console .info-grid{
  display:grid !important;
  grid-template-columns:120px 1fr !important;
  gap:8px 14px !important;
  font-size:13px !important;
  color:#e7ecff !important;
}
body.dblship-soft .history-console .info-grid strong{
  color:#f3d37a !important;
}
body.dblship-soft .history-console .action-row{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:12px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(212,175,55,.14) !important;
}
body.dblship-soft .history-console .action-row .dbl-btn{
  min-width:110px !important;
  justify-content:center !important;
}
body.dblship-soft .history-console .action-row form{
  display:inline-block !important;
  margin:0 !important;
}
body.dblship-soft .history-console .doc-dropdown{
  position:relative !important;
  display:inline-block !important;
}
body.dblship-soft .history-console .doc-dropdown details{
  position:relative !important;
}
body.dblship-soft .history-console .doc-menu{
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  margin-top:4px !important;
  min-width:280px !important;
  background:#1e2432 !important;
  border:1px solid rgba(212,175,55,.35) !important;
  border-radius:10px !important;
  padding:8px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.4) !important;
  z-index:100 !important;
}
body.dblship-soft .history-console .doc-menu ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.dblship-soft .history-console .doc-menu li{
  margin:4px 0 !important;
  display:flex !important;
  gap:6px !important;
}
body.dblship-soft .history-console .dbl-btn-delete{
  border-color:rgba(255,90,90,.45) !important;
  background:linear-gradient(180deg,#402b2b,#392323) !important;
  min-width:110px !important;
}
body.dblship-soft .history-console .dbl-btn-delete:hover{
  background:linear-gradient(180deg,#4a3232,#412a2a) !important;
  border-color:rgba(255,90,90,.65) !important;
}
body.dblship-soft .history-console .action-row > form{
  display:inline-block !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
body.dblship-soft .history-console .action-row > form .dbl-btn{
  min-width:110px !important;
  display:inline-flex !important;
  margin:0 !important;
}
/* ============================
   Woo Edit Account + Login/Register – Dark, readable (optimized)
   ============================ */
body.dblship-soft .woocommerce-EditAccountForm{ color:#e9edf5; }

body.dblship-soft .woocommerce-EditAccountForm label{
  color:#e9edf5;
  font-weight:600;
}
body.dblship-soft .woocommerce-EditAccountForm .required{ color:#F3D37A; }
body.dblship-soft .woocommerce-EditAccountForm fieldset{
  background:linear-gradient(180deg,#2a3040,#252c3b);
  border:1px solid rgba(212,175,55,.18);
  border-radius:14px;
  padding:16px;
}
body.dblship-soft .woocommerce-EditAccountForm fieldset legend{
  color:#F3D37A;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
}
body.dblship-soft .woocommerce-EditAccountForm :is(em,.description){ color:#c8cfdb; }

body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login)
  :is(.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select, textarea){
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  background:linear-gradient(180deg,#2e3544,#293142) !important;
  border:1px solid rgba(212,175,55,.20) !important;
  color:#e9edf5 !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  line-height:1.35;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22) !important;
  font-size:14px;
  text-shadow:none !important;
  opacity:1 !important;
}

body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login)
  :is(.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select, textarea):focus{
  outline:none !important;
  border-color:#D4AF37 !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.18), 0 0 0 1px #D4AF37 inset !important;
  background:linear-gradient(180deg,#323a4b,#2c3546) !important;
}

body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login) ::placeholder{
  color:#c8cfdb !important;
  opacity:1 !important;
  text-shadow:none !important;
}

body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login) select{
  color:#e9edf5 !important;
  background-color:#2e3544 !important;
}
body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login) select option{
  background:#2e3544 !important;
  color:#e9edf5 !important;
}
body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login) select option:checked{
  background:#D4AF37 !important;
  color:#181a1f !important;
}

body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login)
  input:-webkit-autofill,
body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login)
  select:-webkit-autofill,
body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login)
  textarea:-webkit-autofill{
  -webkit-text-fill-color:#e9edf5 !important;
  caret-color:#e9edf5 !important;
  transition:background-color 9999s ease-in-out 0s !important;
  box-shadow:0 0 0 1000px #2e3544 inset !important;
  -webkit-box-shadow:0 0 0 1000px #2e3544 inset !important;
  border-color:rgba(212,175,55,.20) !important;
}

body.dblship-soft .woocommerce-EditAccountForm .password-input{ position:relative; }
body.dblship-soft .woocommerce-EditAccountForm .password-input input{ padding-right:38px !important; }
body.dblship-soft .woocommerce-EditAccountForm .password-input .show-password-input{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  width:26px;
  height:26px;
  border:1px solid rgba(212,175,55,.25);
  border-radius:6px;
  background:#2b3140;
  cursor:pointer;
}
body.dblship-soft .woocommerce-EditAccountForm .password-input .show-password-input:after{
  content:"\f177";
  font-family:"Dashicons";
  font-size:18px;
  line-height:24px;
  color:#F3D37A;
  display:block;
  text-align:center;
}
body.dblship-soft .woocommerce-EditAccountForm .password-input .show-password-input:hover{ border-color:#D4AF37; }

body.dblship-soft .woocommerce-EditAccountForm .woocommerce-Button.button{
  border-radius:12px;
  padding:12px 18px;
  font-weight:700;
  border:1px solid rgba(212,175,55,.45);
  background:linear-gradient(135deg,#D4AF37,#B8941F);
  color:#0a0a0a;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
  transition:transform .12s ease, box-shadow .12s ease;
}
body.dblship-soft .woocommerce-EditAccountForm .woocommerce-Button.button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.32);
}

body.dblship-soft .woocommerce #customer_login :is(.u-column1,.u-column2){
  background:linear-gradient(180deg,#262c39,#202633);
  border:1px solid rgba(212,175,55,.22);
  border-radius:16px;
  padding:20px 22px;
  color:#e9edf5;
}
body.dblship-soft .woocommerce #customer_login h2{
  color:#e9edf5;
  font-weight:800;
  text-align:center;
  margin:0 0 12px;
}

body.dblship-soft .woocommerce #customer_login label{
  color:#e9edf5 !important;
  font-weight:600;
}
body.dblship-soft .woocommerce #customer_login .required{ color:#D4AF37 !important; opacity:.95; }
body.dblship-soft .woocommerce #customer_login .password-input{ position:relative; }
body.dblship-soft .woocommerce #customer_login .show-password-input{ filter:invert(1) brightness(1.2); opacity:.9; }

body.dblship-soft .woocommerce #customer_login :is(.woocommerce-form__label span, .lost_password a){ color:#e9edf5 !important; }
body.dblship-soft .woocommerce #customer_login .lost_password a:hover{ color:#D4AF37 !important; text-decoration:none; }

body.dblship-soft .woocommerce #customer_login :is(.button,.woocommerce-button){
  border-radius:12px;
  border:1px solid rgba(212,175,55,.55);
  background:linear-gradient(135deg,#D4AF37,#B8941F);
  color:#0a0a0a !important;
  font-weight:700;
  padding:10px 16px;
  transition:transform .12s ease, box-shadow .12s ease;
}
body.dblship-soft .woocommerce #customer_login :is(.button,.woocommerce-button):hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(212,175,55,.28);
}

@media (max-width:640px){
  body.dblship-soft :is(.woocommerce-EditAccountForm, .woocommerce #customer_login)
    :is(.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], select){
    height:52px !important;
    line-height:52px !important;
    font-size:16px !important;
  }
  body.dblship-soft .woocommerce-EditAccountForm textarea{
    min-height:120px !important;
    font-size:16px !important;
  }
  body.dblship-soft .woocommerce #customer_login .u-columns.col2-set{ gap:14px; }
}

/* ============================
   My Account dashboard blurb – hide orders/addresses text
   ============================ */
body.dblship-soft .woocommerce-MyAccount-content > h2 + p{ display:none !important; }
body.dblship-soft .woocommerce-MyAccount-content p:has(a[href*="/my-account/orders/"]),
body.dblship-soft .woocommerce-MyAccount-content p:has(a[href*="/my-account/edit-address/"]){ display:none !important; }
@supports not (selector(:has(*))){
  body.dblship-soft .woocommerce-MyAccount-content > p:first-of-type{ display:none !important; }
}

/* ============================
   "Active Shipments" heading readability
   ============================ */
body.dblship-soft .dbl-portal > h3{
  color:#F3D37A;
  font-weight:800;
  text-align:center;
  letter-spacing:.02em;
  margin:6px 0 10px;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
body.dblship-soft .dbl-portal > h3 .dashicons{
  color:#F3D37A;
  font-size:1.1em;
  vertical-align:-0.15em;
  margin-right:6px;
}

/* ============================
   /track/ page – remove Astra's white article box
   ============================ */
.page-id-3040.ast-separate-container .ast-article-single,
.page-id-3040 .ast-article-single{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}
.page-id-3040 .entry-content,
.page-id-3040 .dbl-portal{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* ============================
   Active Shipments: responsive card layout
   ============================ */
@media (max-width:768px){
  .dbl-card .dbl-scroll{
    overflow:visible !important;
    padding-bottom:0;
  }
  .dbl-card .dbl-table--responsive{
    min-width:0 !important;
    border:0;
  }
  .dbl-card .dbl-table--responsive thead{ display:none; }

  .dbl-card .dbl-table--responsive,
  .dbl-card .dbl-table--responsive tbody,
  .dbl-card .dbl-table--responsive tr,
  .dbl-card .dbl-table--responsive td{
    display:block;
    width:100%;
  }

  .dbl-card .dbl-table--responsive tr{
    background:rgba(0,0,0,.15);
    border:1px solid rgba(212,175,55,.14);
    border-radius:12px;
    padding:10px;
    margin:0 0 12px;
  }

  .dbl-card .dbl-table--responsive td{
    border:0;
    padding:8px 0;
    display:grid;
    grid-template-columns:130px 1fr;
    gap:8px;
  }

  .dbl-card .dbl-table--responsive td::before{
    content:attr(data-label);
    font-weight:600;
    opacity:.85;
  }

  .dbl-card .dbl-table--responsive td.dbl-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .dbl-card .dbl-table--responsive td.dbl-actions > *{
    flex:1 1 140px;
    text-align:center;
    min-height:40px;
  }
}

/* --- Broker Console heading + helper/greeting paragraphs (center + readable) --- */
body.dblship-soft .woocommerce-MyAccount-content h2{
  text-align:center !important;
  font-weight:800 !important;
  margin:32px 0 18px !important;
  font-size:clamp(26px, 3vw, 36px) !important;
  background:linear-gradient(135deg, #D4AF37, #F0D469);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  letter-spacing:2px;
  text-transform:uppercase;
}

body.dblship-soft .woocommerce-MyAccount-content > p,
body.dblship-soft .dbl-portal > p{
  text-align:center !important;
  color:#e9edf5 !important;
  margin:6px 0 12px !important;
  font-weight:600 !important;
}

body.dblship-soft .woocommerce-MyAccount-content > p a,
body.dblship-soft .dbl-portal > p a{
  color:#F3D37A !important;
  text-decoration:underline;
}
body.dblship-soft .woocommerce-MyAccount-content > p a:hover,
body.dblship-soft .dbl-portal > p a:hover{
  text-decoration:none;
  filter:brightness(1.05);
}

/* ==== WooCommerce Lost/Reset Password – readable dark theme ==== */
.woocommerce .woocommerce-ResetPassword.lost_reset_password{
  max-width:680px;
  margin:24px auto;
  padding:22px;
  border-radius:16px;
  background:linear-gradient(180deg,#262c39,#202633);
  border:1px solid rgba(212,175,55,.28);
  box-shadow:0 10px 26px rgba(7,9,12,.28);
  color:#e9edf5;
}

.woocommerce .woocommerce-ResetPassword.lost_reset_password p:first-child{
  margin-top:0;
  margin-bottom:14px;
  color:#cfd6f3;
  line-height:1.45;
}

.woocommerce .woocommerce-ResetPassword .form-row{
  margin:0 0 12px 0;
}
.woocommerce .woocommerce-ResetPassword .form-row-first,
.woocommerce .woocommerce-ResetPassword .form-row-last{
  width:48%;
  float:left;
}
.woocommerce .woocommerce-ResetPassword .clear{ clear:both; }

@media (max-width:720px){
  .woocommerce .woocommerce-ResetPassword .form-row-first,
  .woocommerce .woocommerce-ResetPassword .form-row-last{
    width:100%;
    float:none;
  }
}

.woocommerce .woocommerce-ResetPassword label{
  display:block;
  margin:0 0 6px 2px;
  font-weight:800;
  letter-spacing:.25px;
  color:#f3d37a;
}
.woocommerce .woocommerce-ResetPassword .required{ color:#ff9a9a; }

.woocommerce .woocommerce-ResetPassword .input-text,
.woocommerce .woocommerce-ResetPassword input[type="password"]{
  width:100%;
  min-height:46px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(180deg,#2e3544,#293142);
  color:#e9edf5;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);
}

.woocommerce .woocommerce-ResetPassword ::placeholder{ color:#c8cfdb; opacity:1; }

.woocommerce .woocommerce-ResetPassword .password-input{
  position:relative;
  display:block;
}

.woocommerce .woocommerce-ResetPassword .show-password-input{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:30px;
  border:1px solid rgba(212,175,55,.35);
  border-radius:10px;
  background:rgba(212,175,55,.10);
  cursor:pointer;
}
.woocommerce .woocommerce-ResetPassword .show-password-input:focus{
  outline:2px solid rgba(243,211,122,.65);
  outline-offset:2px;
}

.woocommerce .woocommerce-ResetPassword .button,
.woocommerce .woocommerce-ResetPassword .woocommerce-Button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.45);
  background:linear-gradient(180deg,#2b3140,#232939);
  color:#ffffff;
  font-weight:800;
  letter-spacing:.3px;
  box-shadow:0 4px 10px rgba(0,0,0,.25);
}
.woocommerce .woocommerce-ResetPassword .button:hover,
.woocommerce .woocommerce-ResetPassword .woocommerce-Button:hover{
  background:linear-gradient(180deg,#343c4f,#2a3144);
}

.woocommerce .woocommerce-ResetPassword .woocommerce-error,
.woocommerce .woocommerce-ResetPassword .woocommerce-message,
.woocommerce .woocommerce-ResetPassword .woocommerce-info{
  border-radius:12px;
  border:1px solid rgba(212,175,55,.28);
  background:rgba(35, 41, 57, .75);
  color:#f2f4f8;
}

.woocommerce .woocommerce-ResetPassword a{ color:#f3d37a; }
.woocommerce .woocommerce-ResetPassword a:hover{ color:#ffe69a; }

.woocommerce .woocommerce-ResetPassword input:-webkit-autofill{
  -webkit-text-fill-color:#e9edf5 !important;
  box-shadow:0 0 0 1000px #293142 inset !important;
  border:1px solid rgba(212,175,55,.22) !important;
}

.woocommerce-account .entry-title,
.woocommerce .lost_reset_password h2,
.woocommerce .lost_reset_password h3{
  text-align:center;
  color:#f3d37a;
  font-weight:800;
}

.woocommerce-account .woocommerce-error{ display:none !important; }