/*
 Theme Name: Shoptimizer Child
 Template: shoptimizer
 Version: 1.0.0
*/
/* =========================
   Header underline (stable)
   ========================= */
.header-4-container {
  border-bottom: 2px solid #000;
}
@media (min-width:1025px){
  .header-4-container { border-bottom: 2px solid #000 !important; }
}

/* ============================================
   My Account layout (Elementor or native Woo)
   ============================================ */
/* Use generic selectors, not a fragile widget id */
.woocommerce-account .woocommerce {
  /* only when there’s a MyAccount nav present */
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
  clear: none !important;
}
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after { content: none !important; }

/* Two-column layout: nav + content */
.woocommerce-account nav.woocommerce-MyAccount-navigation {
  flex: 0 0 260px !important;
  margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto !important;
  min-width: 0;
  margin: 0 !important;
}

/* Only activate flex layout when both columns exist */
.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  display: block;
}
.woocommerce-account .woocommerce {
  display: flex !important;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
}
@media (max-width: 768px){
  .woocommerce-account .woocommerce { flex-direction: column; }
  .woocommerce-account nav.woocommerce-MyAccount-navigation{
    flex-basis:auto !important; width:100% !important;
  }
}

/* Kill list bullets and pseudo “black box” icon */
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation li { list-style: none !important; }

.woocommerce-MyAccount-navigation-link--support-tickets a::before{
  content: none !important; background:none !important; box-shadow:none !important;
  border:0 !important; width:0 !important; height:0 !important;
}
/* Add a bell on the right (FontAwesome solid \f0f3 also works if you prefer) */
.woocommerce-MyAccount-navigation-link--support-tickets a { position:relative; }
.woocommerce-MyAccount-navigation-link--support-tickets a::after{
  content:"\f145"; /* ticket-alt (FA5) */
  font-family:"Font Awesome 5 Free"; font-weight:900;
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center;
  color:#bbb;
}
.woocommerce-MyAccount-navigation-link--support-tickets.is-active a::after{ color:#000; }
.woocommerce-MyAccount-navigation-link--support-tickets a:hover::after{ color:#333; }

/* ===========================
   Buttons (color consistency)
   =========================== */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.button {
  background:#333 !important;
  border-color:#333 !important;
  color:#fff !important;
  text-decoration:none !important;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.button:hover {
  background:#000 !important;
  border-color:#000 !important;
  color:#fff !important;
}
/* Ensure anchor text inside buttons isn’t blue */
.woocommerce .button *,
.button * { color:inherit !important; text-decoration:none !important; }

/* =======================================================
   Vendor section in your custom register form (pw wrapper)
   ======================================================= */
.pw-account-wrap #vendor-extra { margin-top:10px; }

/* Labels + spacing */
.pw-account-wrap #vendor-extra label{
  display:block; font-weight:600; color:#2c2c2c; margin:0 0 6px;
}
.pw-account-wrap #vendor-extra .form-row{ margin-bottom:16px; }

/* Inputs – force the same look as Woo */
.pw-account-wrap #vendor-extra input[type="text"],
.pw-account-wrap #vendor-extra input[type="email"],
.pw-account-wrap #vendor-extra input[type="url"],
.pw-account-wrap #vendor-extra input[type="tel"],
.pw-account-wrap #vendor-extra input[type="password"],
.pw-account-wrap #vendor-extra textarea,
.pw-account-wrap #vendor-extra select,
.pw-account-wrap #vendor-extra .dokan-form-control {
  width:100%;
  background:#fff !important;
  color:#2c2c2c !important;
  border:1px solid var(--wc-input-border, #d9d9d9) !important;
  border-radius:4px !important;
  padding:.6180469716em .75em !important; /* Woo default */
  line-height:1.2 !important;
  height:44px !important;
  box-shadow:none !important;
  appearance:none;
}
.pw-account-wrap #vendor-extra textarea{
  height:auto !important; min-height:120px !important;
}
.pw-account-wrap #vendor-extra ::placeholder { color:#9aa0a6; }
.pw-account-wrap #vendor-extra input:focus,
.pw-account-wrap #vendor-extra textarea:focus,
.pw-account-wrap #vendor-extra select:focus {
  outline:0 !important;
  border-color:#7f54b3 !important; /* Woo accent */
  box-shadow:0 0 0 3px rgba(127,84,179,.15) !important;
}

/* Two-column row on desktop for location/phone */
@media (min-width:782px){
  .pw-account-wrap #vendor-extra .form-row-first,
  .pw-account-wrap #vendor-extra .form-row-last { width:48%; float:left; }
  .pw-account-wrap #vendor-extra .form-row-first { margin-right:4%; }
  .pw-account-wrap #vendor-extra .clear{ clear:both; }
}

/* Make sure no theme “grey wash” leaks in */
.pw-account-wrap #vendor-extra .form-row .input-text,
.pw-account-wrap #vendor-extra .dokan-form-group .dokan-form-control {
  background:#fff !important;
}