/* ===== MW Product Tabs (segmented pill) ===== */

/* Card wrapper */
.mw-tabs-card{
  background:#fff;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  padding:12px;
  margin-top:22px;
}

/* Tabs group */
.mw-tabs{
  display:flex;                 /* important: keep in one row */
  flex-wrap:nowrap;             /* no wrap */
  align-items:stretch;
  border:2px solid var(--mw-tabs-active, #6b4eff);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  width:100%;
  max-width:520px;              /* desktop nicely sized */
  margin-left:auto;
  margin-right:auto;
}

/* Tab button */
.mw-tab{
  appearance:none;
  border:0;
  background:transparent;

  padding:10px 12px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.3px;
  color:#111;
  cursor:pointer;

  transition:background-color .15s ease, color .15s ease;

  flex:1 1 0;                   /* equal width */
  min-width:0;
  text-align:center;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Divider */
.mw-tab + .mw-tab{
  border-left:1.5px solid rgba(0,0,0,.18);
}

/* Active */
.mw-tab.is-active{
  background:var(--mw-tabs-active, #6b4eff);
  color:#fff;
}

/* Panels */
.mw-panel{
  display:block;
  padding:6px 4px;
}
.mw-panel[hidden]{
  display:none !important;
}

.mw-panels{
  margin-top:12px;
}

/* ===== MOBILE ===== */
@media (max-width: 768px){
  .mw-tabs{
    max-width:none;            /* full width on phone */
  }
  .mw-tab{
    font-size:10px;
    padding:8px 6px;
    letter-spacing:.2px;
  }
}

/* Very small phones */
@media (max-width: 380px){
  .mw-tab{ font-size:9px; }
}

@media (max-width: 768px) {

    /* Outer wrapper full width */
    .mw-tabs {
        width: 100vw;
        max-width: 100vw;
    margin-left: calc(-50vw + 50%); 
    margin-right: calc(-50vw + 50%); 
    border-radius: 4;
    }

    /* Remove inner side gaps */
    .mw-tabs ul {
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
    }

    /* Each tab equal width */
    .mw-tabs ul li {
        flex: 0 0 25%;
    }

    /* Button shape flat edge */
    .mw-tabs ul li a {
        border-radius: 0;
    }
}

@media (max-width: 768px){

  /* ===== FULL WIDTH SHADOW CARD ===== */
  .mw-tabs{
    width: 100vw;                 /* full screen */
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: 16px;
    background: #fff;
    border-radius: 4px;             /* full-width look */
    box-shadow: none;
    overflow: visible;            /* shadow bahire thakbe */
  }

  /* ===== TABS BAR INSIDE WITH GAP ===== */
  .mw-tabs ul{
    margin: 14px 12px 0 12px;     /* ← tabs er dui pashe gap */
    border-radius: 14px;
    overflow: hidden;
  }

  /* 4 tabs equal width */
  .mw-tabs ul li{
    flex: 0 0 25%;
  }

  /* Tab button */
  .mw-tabs ul li a{
    border-radius: 0;
  }

  /* ===== CONTENT AREA SAME INSET WIDTH ===== */
  .mw-tab-content{
    margin: 0 12px 16px 12px;     /* content = tabs width */
    padding: 16px;
    background: #fff;
    border-radius: 14px;
    box-shadow: none;
  }
}

@media (max-width: 768px){

  .mw-tabs{
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: 16px;
    background: #fff;
    border-radius: 6;
    box-shadow: none;
    overflow: visible;
  }

  .mw-tabs ul{
    margin: 14px 12px 0 12px;
    border-radius: 14px;
    overflow: hidden;
  }

  .mw-tabs ul li{
    flex: 0 0 25%;
  }

  .mw-tabs ul li a{
    border-radius: 0;
  }

  .mw-tab-content{
    margin: 0 12px 16px 12px;
    padding: 16px;
    background: #fff;
    border-radius: 14px;
    box-shadow: none;
  }
}

@media (max-width: 768px){

  /* Remove shadow from any parent wrapper around tabs */
  .mw-tabs,
  .mw-tabs *{
    box-shadow: none !important;
  }

  /* Common theme/woocommerce wrappers that often add white card shadow */
  .single-product .product,
  .single-product .woocommerce-product-gallery,
  .single-product .entry-summary,
  .single-product .woocommerce-tabs,
  .single-product .entry-content,
  .single-product .site-content,
  .single-product .content-area {
    box-shadow: none !important;
  }

  /* If the white card comes from a rounded background container */
  .single-product .product,
  .single-product .entry-summary,
  .single-product .entry-content {
    background: transparent !important;
  }
}

@media (max-width: 768px){

  /* ACTUAL culprit – remove white shadow card */
  section#mw-product-tabs.mw-tabs-card{
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Safety: ensure no child adds shadow */
  section#mw-product-tabs.mw-tabs-card *{
    box-shadow: none !important;
  }

}

@media (max-width: 768px){

  /* Remove top gap above tabs */
  section#mw-product-tabs.mw-tabs-card{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* If Elementor added spacer before tabs */
  .elementor-widget,
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-container{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Pull tabs slightly upward if needed */
  section#mw-product-tabs.mw-tabs-card{
    transform: translateY(-12px);
  }
}

@media (max-width: 768px){

  /* Reduce bottom space of Payment Methods block */
  .woocommerce div.product .payment-methods,
  .woocommerce div.product .wc-payment-methods,
  .woocommerce div.product .product-meta,
  .woocommerce div.product .summary > *:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Pull tabs up more */
  section#mw-product-tabs.mw-tabs-card{
    transform: translateY(-24px);  /* <-- more up */
  }
}

/* If tabs use role="tab" */
.mw-tabs [role="tab"][aria-selected="true"]{
  background: #6f5bff;
  color: #fff;
}

@media (max-width: 768px){

  /* ultra-subtle side gap for tab bar */
  .mw-tabs ul{
    margin-left: 8px;   /* 👈 ekebare sammno */
    margin-right: 8px;  /* 👈 ekebare sammno */
  }

  /* slightly smaller tab text */
  .mw-tabs ul li a{
    font-size: 8px;  /* 👈 ager theke just ektu choto */
  }

}

.mw-product-details table{
  width: 100%;
  border-collapse: collapse;
}

.mw-product-details th{
  text-align: left;
  font-weight: 600;
  padding: 6px 8px 6px 0;
  white-space: nowrap;
}

.mw-product-details td{
  padding: 6px 6px;
}

.mw-product-details td.mw-val{
  font-weight: 600;
}

/* Tight colon + value closer + bold text */
.mw-product-details table{
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.mw-product-details th{
  font-weight: 700;          /* label bold */
  width: 1%;
  white-space: nowrap;
  padding: 8px 10px 8px 0;
}

.mw-product-details td{
  padding: 8px 6px;
}

/* ':' column - make it super narrow */
.mw-product-details td:nth-child(2){
  width: 10px;               /* colon close */
  padding-left: 0;
  padding-right: 6px;
  text-align: center;
  white-space: nowrap;
}

/* value column - bring it closer + bold */
.mw-product-details td:nth-child(3){
  padding-left: 6px;
  font-weight: 700;          /* value bold */
}

/* ================================
   MW Reviews: Screenshot-like UI
   (Only affects the review form)
   ================================ */

#reviews .comment-respond{
  max-width: 560px;
  margin: 0 auto;
  background: #fff8f8;
  border: 1px solid #e7e7f2;
  border-radius: 14px;
  padding: 22px;
}

#reviews .comment-reply-title{
  text-align: center;
  font-weight: 700;
  margin: 0 0 16px;
}

/* Upload UI */
#reviews .mw-review-card-top{
  display: flex;
  justify-content: center;
  margin: 6px 0 16px;
}

#reviews .mw-review-image{
  width: 150px;
  height: 110px;
  border: 3px solid #111;
  border-radius: 14px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

#reviews #mw-review-image-input{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

#reviews .mw-review-image-icon{ font-size: 54px; line-height: 1; }

#reviews .mw-review-image-edit{
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 26px;
  height: 26px;
  border: 2px solid #111;
  border-radius: 7px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

/* Inputs */
#reviews .mw-review-field input,
#reviews .mw-review-field textarea{
  width: 100%;
  border: 1px solid #dadbea;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
}

/* Hide email row but keep it in DOM in case the site requires it */
#reviews .mw-review-email-hidden{
  display: none !important;
}

/* Rating */
#reviews .mw-rating{ text-align: center; margin-top: 10px; }
#reviews .mw-rating-label{ font-weight: 700; margin-bottom: 10px; }

#reviews .mw-stars{
  display: flex;
  justify-content: center;
  gap: 10px;
}

#reviews .mw-stars button{
  border: none;
  background: transparent;
  font-size: 34px;
  cursor: pointer;
  line-height: 1;
  color: #f5c400;
  opacity: .45;
}

#reviews .mw-stars button.is-on{ opacity: 1; }

/* Submit */
#reviews #submit{
  width: 100%;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

/* Attached review image display */
.mw-review-attached-wrap{
  margin-top: 10px;
}
.mw-review-attached-image{
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}

/* Product details: full black + bold */
.mw-product-details th,
.mw-product-details td,
.mw-product-details td.mw-val{
  color: #000 !important;     /* full black */
  font-weight: 700 !important;/* bold */
}

/* ===== Custom Review Card UI ===== */
#reviews {
  max-width: 520px;
  margin: 0 auto;
}

#reviews .comment-respond {
  background: #fffafa;
  border: 1px solid #e6e6ef;
  border-radius: 14px;
  padding: 24px;
}

/* Title */
#reviews .comment-reply-title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 16px;
}

/* Inputs */
#reviews input[type="text"],
#reviews textarea {
  width: 100%;
  border: 1px solid #dcdcec;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 12px;
  font-size: 14px;
}

/* Stars center */
#reviews .stars {
  text-align: center;
  margin: 10px 0 16px;
}

/* Submit button */
#reviews input#submit {
  width: 100%;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

/* Hide default notes */
#reviews .comment-notes,
#reviews .logged-in-as {
  display: none;
}

/* MW upload box (click anywhere) */
#reviews #mw-review-image-input{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

#reviews .mw-review-card-top{
  display:flex;
  justify-content:center;
  margin: 10px 0 16px;
}

#reviews .mw-review-image{
  width: 150px;
  height: 110px;
  border: 3px solid #111;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  background:#fff;
  cursor:pointer;
}

#reviews .mw-review-image img{
  max-width: 70%;
  max-height: 70%;
  display:block;
}

#reviews .mw-review-image-icon{
  font-size: 54px;
  line-height: 1;
}

#reviews .mw-review-image-edit{
  position:absolute;
  right: 12px;
  bottom: 12px;
  width: 26px;
  height: 26px;
  border: 2px solid #111;
  border-radius: 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  background:#fff;
}

/* Hide Woo default rating dropdown if any (we use custom stars) */
#reviews .comment-form-rating select,
#reviews .comment-form-rating p.stars{
  display:none !important;
}

/* Custom stars */
#reviews .mw-rating{ text-align:center; margin: 10px 0 14px; }
#reviews .mw-rating-label{ font-weight:700; margin-bottom:10px; }

#reviews .mw-stars{
  display:flex;
  justify-content:center;
  gap:10px;
}

#reviews .mw-stars button{
  border:none;
  background:transparent;
  font-size:34px;
  cursor:pointer;
  line-height:1;
  color:#f5c400;
  opacity:.45;
}

#reviews .mw-stars button.is-on{ opacity:1; }

/* Hide email field row if present (keeps UX like screenshot). */
#reviews .mw-review-email-hidden{
  display:none !important;
}

/* Attached image under a submitted review */
.mw-review-attached-wrap{ margin-top:10px; }
.mw-review-attached-image{ max-width: 220px; height:auto; border-radius:10px; }