/*
Theme Name: mr-vintage-flatsome
Description: Mr Vintage Revamped Website
Author: Boost Promotions Ltd
Template: flatsome
Version: 3.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.fg-attr-inline.fg-one-line{
  display:block;
  white-space:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  margin-top:6px;
  scrollbar-width: none; /* Firefox hide */
}
.fg-attr-inline.fg-one-line::-webkit-scrollbar{ display:none; }

.fg-attr-inline.fg-one-line .fg-attr-item{
  display:inline-block;
  margin-right:10px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#111; opacity:.9;
  text-decoration:none;
  padding:2px 0;
  border-bottom:1px solid transparent;
  transition:opacity .18s ease, border-color .18s ease;
}
.fg-attr-inline.fg-one-line .fg-attr-item:last-child{ margin-right:0; }
.fg-attr-inline.fg-one-line .fg-attr-item:hover{ border-color:#111; opacity:1; }
.fg-attr-inline.fg-one-line .fg-attr-item.is-oos{ opacity:.35; pointer-events:auto; }


.widget>ul>li+li, ul.menu>li+li {
    border-top: none;
}
.col, .columns, .gallery-item {
    margin: 0;
    padding: 0.3em;
    position: relative;
    width: 100%;
}
.shop-page-title.category-page-title,
.shop-page-title.product-page-title{
  position: relative; 
  background: #0f0c0b; /* dark bar like your screenshot */
  padding: 22px 18px;  /* adjust height */
  color: #fff;
}

.shop-page-title .flex-row{ position:relative; min-height:42px; }

/* Centered Title */
.shop-page-title .page-title,
.shop-page-title h1{
  position:absolute; left:50%; top:50%;
  transform: translate(-50%,-50%);
  margin:0;
  text-transform: uppercase;
  letter-spacing:.18em;
  font-weight:600;
  color:#fff;
  text-align:center;
}

/* Left: Filter trigger (button/link) */
.fg-shop-filter{
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  display:inline-flex; align-items:center; gap:8px;
  color:#fff; text-decoration:none; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase;
  opacity:.95; transition:opacity .2s ease;
}
.fg-shop-filter:hover{ opacity:.7; }
.fg-shop-filter .fg-icon{
  display:inline-block; width:18px; height:18px;
}
.fg-shop-filter .fg-icon::before{
  content:""; display:block; width:100%; height:100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M3 7h18v2H3V7zm4 4h10v2H7v-2zm3 4h4v2h-4v-2z"/></svg>') no-repeat center / contain;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M3 7h18v2H3V7zm4 4h10v2H7v-2zm3 4h4v2h-4v-2z"/></svg>') no-repeat center / contain;
  background: currentColor;
}

/* Right: Sort dropdown (Woo ordering) styled like a pill */
.shop-page-title .woocommerce-ordering{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  margin:0;
}
.shop-page-title .woocommerce-ordering select{
  background:#3a3838; color:#fff; border:0; border-radius:999px;
  padding:10px 16px; min-width:220px;
  font-size:14px; line-height:1.1;
  appearance:none;
}
.shop-page-title .woocommerce-ordering::after{
  content:""; position:absolute; right:14px; top:50%; transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff;
  pointer-events:none;
}

/* Hide duplicate/result count if it crowds */
.shop-page-title .woocommerce-result-count{ display:none; }

div#text-box-1528281062 {
    width: unset;
}


.menu-about-us-container, .menu-shop-online-container, .menu-customer-service-container, .menu-corporate-container {
    line-height: 1 !important;
}


/* ===== Footer 2 – structure & typography ===== */
.footer-2 .widget .widget-title {
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  display: inline-block;
}

/* list reset + consistent link spacing */
.footer-2 .widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-2 .widget ul li a {
  display: block;
  font-size: 0.7em;
  padding: 3px 0;
  text-decoration: none;
  opacity: .85;
  transition: opacity .2s ease;
}

.footer-2 .widget ul li a:hover,
.footer-2 .widget ul li a:focus {
  opacity: 1;
}
/* center each column’s inner content */
/* .footer-2 .row > .col,
.footer-2 .row > .col .col-inner,
.footer-2 .widget { 
  text-align: center;
} */

/* center the title underline */
/* .footer-2 .widget .widget-title::after {
  margin-left: auto;
  margin-right: auto;
} */
/* Links stay nicely centered */
/* .footer-2 .widget ul { 
  display: inline-block;
}
.widget .is-divider{
  display: none;
} */

/* ===== Responsive layout ===== */

/* Tablet: allow 3 columns if your row originally has 4 */
@media (max-width: 1024px) {
  .footer-2 .row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 24px 32px;
  }
  .footer-2 .row > .col {
    flex: none !important;
    max-width: 100% !important;
    width: auto !important;
  }
}

/* Mobile: force 2 clean columns */
@media (max-width: 767px) {
  .shop-page-title .page-title{ position:static; text-align:center; margin-bottom:10px; }
  .fg-shop-filter, .shop-page-title .woocommerce-ordering{ position:static; transform:translateY(9%); }
  .shop-page-title .flex-row{ display:flex; flex-direction:column; align-items:center; gap:2.2rem; }
  
    // Mobile
    .shop-page-title .page-title, .shop-page-title h1 {
        transform: translate(-50%, -20%);
    }
    .category-page-row {
        padding-top: 0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
     
    //single product page, Cart
    .col, .columns, .gallery-item {
        margin: 0;
        padding: 0.5rem;
        position: relative;
        width: 100%;
    }
     
    .page-wrapper {
        /* padding-bottom: 30px; */
        padding: .5rem;
    }
    .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse){
        margin-left: 0;
        margin-right: 0px;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }
     
    form.checkout.woocommerce-checkout {
        padding: 0.5rem;
    }
    
    .has-border{
      padding: 0.5rem!important;
    }
    
    .woocommerce-variation-add-to-cart, form.cart{
      padding: 0 0.5rem!important;
    }
    
    .is-xlarge{
      font-size: 1.5rem!important;
    }
    div#text-box-1528281062 {
        width: unset;
    }
    .footer {
        padding: 30px 10px 0;
    }
  .footer-2 .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px 24px; /* row-gap, col-gap */
  }
  .footer-2 .row > .col {
    flex: none !important;
    max-width: 100% !important;
    width: auto !important;
  }
  .absolute-footer {
  color: rgba(0, 0, 0, .5);
  font-size: 0.6em;
  padding: 10px 0 15px;
  }
   
}

/* Extra small: stack if needed (optional) */
@media (max-width: 380px) {
  .footer-2 .row {
    grid-template-columns: 1fr 1fr; /* keep 2; change to 1fr if you prefer single column */
  }
}

/* Ensure our LI matches Flatsome card spacing */
.products .boostp-first-tile .product-small { height: 100%; }
.products .boostp-first-tile .box-image { display:block; }
.products .boostp-first-tile img.boostp-first-tile-img { width:100%; height:auto; display:block; }

/* Ensure the custom tile spans the same width/height style as other products */
.products .boostp-first-tile.col { display: block; }
.products .boostp-first-tile .col-inner { height: 100%; }
.products .boostp-first-tile img.boostp-first-tile-img { width: 100%; height: auto; display: block; }

.discount-bar {
  background-color: #000;
  color: #fff;
  font-weight:600;
  font-size: 0.8em;
  border-radius: 10px;
  padding: 4px 15px;
  line-height: 1.4;
  z-index: 10;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.awdr_discount_bar.awdr_row_0 {
    margin-bottom: 5px;
}
.wdr-cart-badge{
  display:inline-block;
  margin-left:.4em;
  margin-top:.25em;
  padding:.2em .6em;
  font-size:11px;
  line-height:1.1;
  font-weight:600;
  background:#111;
  color:#fff;
  border-radius:999px;
  white-space:nowrap;
}
/* Shared badge style */
.wdr-badge {
  display:inline-block;
  font-size:12px;
  line-height:1;
  padding:4px 7px;
  border-radius:12px;
  background:#111;
  color:#fff;
  margin-bottom:6px;
  font-weight:500;
}

/* Catalog badge positioning (under product title/image) */
.products li.product .wdr-badge.catalog {
  position:relative;
  top:0;
  margin-bottom:6px;
  opacity:.95;
}

/* Sidebar Mini-cart badge */
.wdr-badge.minicart {
  margin-left:6px;
  background:#111;
  color:#fff;
  font-size:11px;
  border-radius:10px;
  padding:2px 5px;
}

 input.wpcf7-form-control.wpcf7-submit.has-spinner.button {padding-top: 0.5rem;}