/* =========================================
   REPAIR — THEME CUSTOM CSS (CLEANED)
   ========================================= */

/* ========== 0) BRAND TOKENS ========== */
:root{
  --repair-red: #ff0000;
  --rp-accent: #079d98;
  --rp-border: rgba(0,0,0,.12);
  --rp-radius: 12px;
  --rp-chip-radius: 9999px;
}


/* =========================================
   1) HEADER / MENUS / DROPDOWNS
   ========================================= */
.wd-dropdown{ background-color:#fcf6d2; }
.wd-dropdown-menu{
  min-height:150px;
  width:var(--wd-dropdown-width);
  background-image:var(--wd-dropdown-bg-img);
}
.wd-sub-menu li > a{ color:var(--rp-accent); }

/* Hide counts in header/category menus */
.wd-nav-product-cat .nav-link-count,
.wd-cat-count,
.woodmart-cat-count,
.woocommerce-loop-category__title .count{ display:none !important; }

/* =========================================
   2) SHOP PAGE TITLE + CATEGORY PILLS
   ========================================= */

/* Title */
.page-title h1{
  font-size:120px !important;
  color:#fff !important;
  font-weight:800;
  text-transform:capitalize;
  letter-spacing:1px;
  line-height:1.1;
}
@media (max-width:1024px){
  .page-title h1{ font-size:52px !important; letter-spacing:.5px; }
}
@media (max-width:767px){
  .page-title h1{ font-size:38px !important; letter-spacing:.3px; line-height:1.2; }
}

/* “pills” nav under title */
.wd-entities-title{ color:var(--rp-accent); padding-top:20px; }

/* Hide “Show categories” accordion button on mobile */
.wd-nav-accordion-mb-on .wd-btn-show-cat{ display:none !important; }

/* Hide the pills bar on mobile completely (optional) */
@media (max-width:767px){
  .wd-page-title .wd-nav-product-cat{ display:none !important; }
}

/* Pills container */
.wd-page-title .wd-nav-product-cat{
  display:flex; flex-wrap:wrap; justify-content:center;
  margin:0 auto; padding:0;
}
/* Space between pills */
.wd-page-title .wd-nav-product-cat li.cat-item{ margin:6px 10px; }
/* Chip style */
.wd-page-title .wd-nav-product-cat .category-nav-link{
  display:inline-flex; align-items:center;
  padding:10px 22px; border-radius:var(--rp-chip-radius);
  background:#fff; color:var(--rp-accent);
  border:1.5px solid var(--rp-accent); text-decoration:none !important;
  transition:all .25s ease; font-weight:500; font-size:16px; letter-spacing:.3px;
}
/* Remove underline style variant */
.wd-page-title .wd-nav-product-cat.wd-style-underline .category-nav-link:after{ display:none !important; }
/* Active state from Woodmart */
.wd-nav[class*="wd-style-"] > li:is(.current-menu-item,.wd-active,.active) > a{ color:var(--rp-accent); }
/* Hover / current */
.wd-page-title .wd-nav-product-cat .category-nav-link:hover,
.wd-page-title .wd-nav-product-cat li.current-cat .category-nav-link{
  background:var(--repair-red); border-color:var(--repair-red); color:#fff; transform:translateY(-2px);
}
/* Responsive pill sizing */
@media (max-width:768px){
  .wd-page-title .wd-nav-product-cat li.cat-item{ margin:5px 7px; }
  .wd-page-title .wd-nav-product-cat .category-nav-link{ padding:8px 16px; font-size:14px; }
}

/* =========================================
   3) PRICES / TYPOGRAPHY UTILS
   ========================================= */
.woocommerce-Price-currencySymbol{
  font-size:.8em; vertical-align:super; opacity:.8; margin-right:2px; font-weight:500;
}
.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol{ margin-left:3px; margin-right:0; }
.woocommerce-product-details__short-description{ text-align:justify !important; line-height:1.7; }

/* =========================================
   4) HEADER BADGES (WISHLIST + CART)
   ========================================= */
.wd-header-wishlist .wd-tools-icon{ position:relative; }
.wd-header-wishlist .wd-tools-count{
  position:absolute; top:-6px; right:-10px;
  background-color:var(--repair-red); color:#fff; font-weight:600;
  border-radius:50%; min-width:16px; height:18px; text-align:center;
  padding:0 4px; display:inline-block; z-index:2; transition:all .25s ease;
}
.wd-header-wishlist .wd-tools-icon .wd-tools-count{ font-size:9px !important; line-height:16px !important; }
.wd-header-wishlist, .wd-header-cart{ display:inline-flex; align-items:center; gap:10px; }
@media (max-width:1024px){
  .wd-header-wishlist .wd-tools-icon .wd-tools-count{ font-size:9px !important; line-height:16px !important; }
  .wd-header-wishlist, .wd-header-cart{ display:inline; align-items:center; gap:5px; }
}

/* =========================================
   5) SHOP GRID — PRODUCT CARDS
   ========================================= */
/* EN: keep left */
html:lang(en) .wd-products .product-grid-item{ text-align:left !important; }

/* AR: force RIGHT (titles, cats, price, stars, swatches) */
html:lang(ar) .wd-products .product-grid-item{ text-align:right !important; }
html:lang(ar) .wd-products .product-grid-item .wd-entities-title,
html:lang(ar) .wd-products .product-grid-item .wd-entities-title a{ 
  text-align:right !important; display:block;
}
html:lang(ar) .wd-products .product-grid-item .wd-product-cats,
html:lang(ar) .wd-products .product-grid-item .price,
html:lang(ar) .wd-products .product-grid-item .star-rating{ 
  text-align:right !important;
}

/* Nudge flex rows (price, buttons, swatches) to the right */
html:lang(ar) .wd-product .wrap-price,
html:lang(ar) .wd-product .wd-add-btns,
html:lang(ar) .wd-product .product-swatches{
  display:flex; justify-content:flex-end;
}

.wd-products .product-grid-item .wd-entities-title a{
  font-size:22px !important; font-weight:500; color:#009999; text-transform:none;
  display:block; transition:color .3s ease;
}
@media (max-width:1024px){
  .wd-products .product-grid-item .wd-entities-title a{ font-size:18px !important; }
}
.wd-products .product-grid-item .wd-entities-title a:hover{ color:var(--repair-red); }
.wd-products .product-grid-item .wd-product-cats{ font-size:14px; color:#666; margin-bottom:6px; }
.wd-products .product-grid-item .price{
  font-size:20px !important; font-weight:700; color:var(--repair-red) !important; margin-top:6px;
}

/* Equal-height helpers */
.wd-product{ --text-align:flex-start; }
.wd-products[class*="wd-stretch-cont"] .product-grid-item,
.wd-products[class*="wd-stretch-cont"] .wd-product,
.wd-products[class*="wd-stretch-cont"] .product-wrapper{
  display:flex; flex-direction:column; height:100%;
}
.wd-products[class*="wd-stretch-cont"] .product-element-bottom{ margin-top:auto !important; align-self:stretch; }
.wd-products[class*="wd-stretch-cont"] .product-element-top{ margin-bottom:12px; }

/* Hide filter counts list */
.wd-filter-list .count{ display:none; }

/* =========================================
   7) SIDEBAR WIDGET VISIBILITY
   ========================================= */
body.woocommerce-shop #woodmart-woocommerce-layered-nav-14,
body.woocommerce-shop .sidebar-container #woodmart-woocommerce-layered-nav-14,
body.woocommerce-shop .wd-sidebar .widget-area #woodmart-woocommerce-layered-nav-14{ display:none !important; }
body.tax-product_cat #woodmart-woocommerce-layered-nav-14{ display:block !important; }

/* =========================================
   8–9) CATEGORY STRIP — CLEAN TEXT + MOTION
   ========================================= */
.cat-strip{
  --gap:18px;
  --radius:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:var(--gap);
  margin:24px 0 8px;
  background:none !important;
}
.cat-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  background:none !important;
  border-radius:var(--radius);
  box-shadow:none !important;
  transform:translateZ(0);
}
.cat-figure{
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  width:100%;
  border-radius:18px;
}
.cat-figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.cat-item::after{ display:none !important; } /* keep original intent; if your linter complains, change to !important */
.cat-title{
  position:static !important;
  margin-top:14px;
  padding:0;
  font-size:24px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#079D98;
  background:none !important;
  border:none !important;
  display:block;
  text-align:center;
  transition:color .25s ease;
}
.cat-item:hover .cat-title { color:#079D98; }
.cat-item:hover .cat-figure img{ transform:scale(1.05); }
@media (min-width: 992px){
  .cat-strip { display:flex !important; gap:18px; }
  .cat-item  { flex:1 1 0; transition:flex-basis .35s cubic-bezier(.25,.8,.25,1); }
  .cat-figure{ height:420px; aspect-ratio:auto; border-radius:18px; }
}
@media (max-width:480px){
  .cat-title{ font-size:16px; }
}

/* For a specific class of elements */
.faq-cat:hover { cursor: pointer; }

/* ARABIC */
:lang(ar) .wpcf7 form { direction: rtl; text-align: right; }
:lang(ar) .wpcf7 input,
:lang(ar) .wpcf7 textarea { text-align: right; direction: rtl; }
:lang(ar) label { text-align: right; }

:lang(ar) .text-left {
  --text-align: right;
  text-align: var(--text-align);
  --content-align: flex-end;
  --wd-align: flex-end;
}

/* RP: stronger PDP alignment overrides */
html:lang(en) .single-product .summary,
html:lang(en) .single-product .product_title,
html:lang(en) .single-product .price,
html:lang(en) .single-product .woocommerce-product-rating,
html:lang(en) .single-product .woocommerce-product-details__short-description { text-align:left !important; }

html:lang(ar) .single-product .summary,
html:lang(ar) .single-product .product_title,
html:lang(ar) .single-product .price,
html:lang(ar) .single-product .woocommerce-product-rating,
html:lang(ar) .single-product .woocommerce-product-details__short-description { text-align:right !important; }

/* Ratings row direction on AR */
html:lang(ar) .single-product .woocommerce-product-rating { direction: rtl; }

/* Keep grid cards aligned (extra specificity to beat theme rules) */
html:lang(ar) .wd-products .product-grid-item .wd-entities-title a,
html:lang(ar) .wd-products .product-grid-item .wd-product-cats,
html:lang(ar) .wd-products .product-grid-item .price,
html:lang(ar) .wd-products .product-grid-item .star-rating { text-align:right !important; }



/* Checkout notice: rebuild layout and force link text visible */
.woocommerce-checkout .woocommerce-info {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
  padding: 24px 0 !important;
  margin: 24px 0 !important;

  /* Hide the original sentence (we will re-add our own header text) */
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Add a clean header line */
.woocommerce-checkout .woocommerce-info::before {
  content: "Returning customer? New customer?";
  display: block;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 14px;
  font-weight: 600;
  color: #111;
}

/* Make both links button-like and fix the invisible text issue */
.woocommerce-checkout .woocommerce-info a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 16px !important;     /* forces text back */
  line-height: 1 !important;
  color: #fff !important;         /* forces visible text */
  text-indent: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;

  padding: 12px 18px !important;
  margin: 6px 8px 0 !important;
  border-radius: 10px !important;

  background: #e60000 !important;
  border: 1px solid #e60000 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* If theme adds weird icons/pseudo text, kill them */
.woocommerce-checkout .woocommerce-info a::before,
.woocommerce-checkout .woocommerce-info a::after {
  content: none !important;
}

/* Make the second button (usually login) look secondary */
.woocommerce-checkout .woocommerce-info a:last-of-type {
  background: transparent !important;
  color: #e60000 !important;
}


/* My Account custom layout */
.repair-auth-wrap{
  max-width: 920px;
  margin: 0 auto;
  padding: 30px 16px;
}

.repair-auth-block{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 22px;
  margin-bottom: 18px;
}

.repair-auth-title{
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: .2px;
}

.repair-auth-subtitle{
  margin: 0 0 14px;
  opacity: .8;
  font-size: 14px;
}

/* Improve Woo login spacing */
.repair-auth-existing .woocommerce form.login{
  margin: 0;
}
.repair-auth-existing .woocommerce form.login p{
  margin-bottom: 12px;
}

/* Make buttons consistent */
.repair-auth-wrap .woocommerce button.button,
.repair-auth-wrap button,
.repair-auth-wrap input[type="submit"]{
  border-radius: 10px;
  padding: 12px 18px;
}

/* OTP form alignment (safe generic selectors) */
.repair-auth-new form{
  margin: 0;
}
.repair-auth-new input[type="text"],
.repair-auth-new input[type="tel"],
.repair-auth-new input[type="number"],
.repair-auth-new input[type="email"],
.repair-auth-new input[type="password"]{
  width: 100%;
  max-width: 420px;
}

/* Mobile */
@media (max-width: 600px){
  .repair-auth-block{
    padding: 16px;
  }
  .repair-auth-title{
    font-size: 22px;
  }
}