/* v7 styles - mimic reference layout */




/* استایل کلی برای همه سلکت‌های فرم */
#powcForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  width: 100%;
  padding: 10px 40px 10px 12px;
  font-size: 15px;
  font-family: IRANYekan-L;
  color: #0f172a; /* متن */
  background: #ffffff;
  border: 1px solid #0056b3;  /* آبی پررنگ */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 86, 179, 0.08);
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  line-height: 1.4;
}

/* حالت hover */
#powcForm select:hover {
  border-color: #0d6efd;
  box-shadow: 0 6px 16px rgba(0, 86, 179, 0.15);
}

/* حالت فوکوس */
#powcForm select:focus {
  outline: none;
  border-color: #0d6efd;
  box-shadow: 0 0 0 3px rgba(13,110,253,0.3);
}

/* فلش سفارشی سمت چپ (برای RTL) */
#powcForm select {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%230056b3" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>');
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left 12px center;
}

/* حالت غیرفعال */
#powcForm select:disabled {
  background-color: #f1f5f9;
  color: #94a3b8;
  cursor: not-allowed;
  border-color: #cbd5e1;
  box-shadow: none;
}


#add_to_cart_btn {
  background: #fff;
  color: #2d7ae0;
  border: 1px solid #dbeafe;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

#add_to_cart_btn:hover,
#add_to_cart_btn:focus {
  background: #2d7ae0;
  color: #fff;
  border: 1px solid #dbeafe;
}


/* Force primary look for the main buttons */
button.btn-primary,
#add_to_cart_btn.btn-primary,
#btn_checkout.btn-primary {
  background: linear-gradient(180deg, #2d7ae0, #1a5ab8) !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(45,122,224,0.18) !important;
  transition: all .25s ease-in-out !important;
}

/* hover / focus */
button.btn-primary:hover,
#add_to_cart_btn.btn-primary:hover,
#btn_checkout.btn-primary:hover,
button.btn-primary:focus,
#add_to_cart_btn.btn-primary:focus,
#btn_checkout.btn-primary:focus {
  background: linear-gradient(180deg, #3b82f6, #1e40af) !important;
  box-shadow: 0 8px 20px rgba(45,122,224,0.25) !important;
  outline: none !important;
}




.powc-wrap{max-width:1200px;margin:18px auto;font-family:IRANYekan-L, Tahoma, sans-serif;color:#263238;padding:0 12px}
.powc-main-grid{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;justify-content:center;}
.powc-summary-card{flex:0 0 370px;background:#fff;border-radius:8px;padding:14px;border:1px solid #e6eef8;box-shadow:0 6px 18px rgba(10,31,68,0.04)}
.powc-summary-card h4{margin:0 0 10px;color:#0b3a66;border-bottom:2px solid #f1f5f9;padding-bottom:8px}
.powc-summary-box{background:#fff;padding:8px;border-radius:6px}
.powc-summary-box .row{display:flex;justify-content:space-between;padding:8px 6px;border-bottom:1px solid #f1f5f9}
.powc-summary-box .total-row{background:linear-gradient(90deg,#f8fbff,#fff);font-weight:700}
.powc-summary-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px;justify-content:space-between;}
.btn-primary{background:linear-gradient(180deg,#2d7ae0,#1a5ab8);color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;box-shadow:0 6px 18px rgba(45,122,224,0.18)}
.btn-outline{background:#fff;color:#2d7ae0;border:1px solid #dbeafe;padding:10px 12px;border-radius:8px;cursor:pointer}
.btn-outline:hover{background:#2d7ae0;color:#fff;border:1px solid #dbeafe;padding:10px 12px;border-radius:8px;cursor:pointer}
.btn-outline:focus{background:#2d7ae0;color:#fff;border:1px solid #dbeafe;padding:10px 12px;border-radius:8px;cursor:pointer}
.powc-form-card{flex:1;min-width:520px;background:#fff;padding:18px;border-radius:8px;border:1px solid #e9eef5;box-shadow:0 6px 18px rgba(10,31,68,0.04);;}
.powc-note{background:#f8fffb;border:1px solid #dff7e9;padding:10px;border-radius:6px;color:#0a9955;margin-bottom:14px}
.grid-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.field{flex:1;display:flex;flex-direction:column}
.field.full{flex-basis:100%}
.field label{font-weight:600;margin-bottom:6px}
.field input[type="number"],.field select,.field textarea{padding:10px;border-radius:8px;border:1px solid #e6eef5;background:#fbfdff}
.dropzone{border:2px dashed #dbeafe;padding:28px;text-align:center;border-radius:10px;background:#fbfdff;color:#6b7785;cursor:pointer}
.dropzone.dragover{background:#eef6ff;border-color:#9ac7ff}
.hint{color:#1a5ab8;font-size:13px;margin-top:6px}
.powc-cart-section{margin-top:20px;background:#fff;padding:12px;border-radius:8px;border:1px solid #e9eef5}
.powc-cart-table{width:100%;border-collapse:collapse;margin-top:8px}
.powc-cart-table th,.powc-cart-table td{padding:8px;border-bottom:1px solid #f1f5f9;text-align:right}
.powc-cart-total{margin-top:12px;font-weight:700;color:#2d7ae0;text-align:right}
.powc-empty{color:#94a3b8;padding:10px;background:#fbfdff;border-radius:6px;text-align:center}
.powc-remove-item{color:#d14343;text-decoration:none;cursor:pointer}
@media(max-width:900px){.powc-main-grid{flex-direction:column}.powc-summary-card{order:2;width:100%;}.powc-form-card{order:1;min-width:0}.grid-row{flex-direction:column;}}



















.help-icon {
  display: inline-block;
  margin-right: 4px;
  cursor: pointer;
  font-size: 16px;
  color: #1a5ab8;
  border-radius: 50%; /* گرد شدن کامل */
}

.help-icon:hover {
  color: #1a5ab8;
}

.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 400px;
  max-width: 90%;
  text-align: center;
}

.close-btn {
  color:#fff;
  margin-top: 15px;
  padding: 6px 16px;
  background: #2d7ae0;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
}

.close-btn:hover {
    background: #1a5ab8;
}
















.label-help {
    height:40px;
    padding: 7px;
    border:2px solid #1a5ab8;
    background: #fff;
    color:#1a5ab8;
    border-radius: 6px;
  cursor: pointer;
    
}


.label-help:hover {
    border:2px solid #1a5ab8;
    background: #e2e8f0;
    color:#1a5ab8;
    border-radius: 6px;
  cursor: pointer;
}
}