/**
 * Flipkart Style Customization for Botiga Theme
 * Transforms the local WooCommerce theme to match Flipkart's UI/UX
 * Owner-only editing via WordPress admin - customers cannot edit.
 */

/* =============================================
   CSS VARIABLES - FLIPKART COLOR PALETTE
   ============================================= */
:root {
  --fk-blue: #2874F0;
  --fk-blue-dark: #1A5CCE;
  --fk-blue-light: #EBF2FF;
  --fk-yellow: #FFE500;
  --fk-orange: #FF9F00;
  --fk-orange-dark: #E07900;
  --fk-green: #388E3C;
  --fk-green-light: #26A541;
  --fk-red: #FF6161;
  --fk-grey-bg: #F1F3F6;
  --fk-grey-light: #E0E0E0;
  --fk-grey-mid: #878787;
  --fk-grey-dark: #212121;
  --fk-white: #FFFFFF;
  --fk-footer-bg: #172337;
  --fk-footer-text: #878787;
  --fk-footer-link: #BDBDBD;
  --fk-card-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
  --fk-card-shadow-hover: 0 4px 16px rgba(0,0,0,.15);
  --fk-radius: 2px;
  --fk-font: 'Roboto', 'Open Sans', Arial, sans-serif;
}

/* =============================================
   GOOGLE FONT IMPORT
   ============================================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* =============================================
   GLOBAL BODY & BASE STYLES
   ============================================= */
body {
  font-family: var(--fk-font) !important;
  background: var(--fk-grey-bg) !important;
  color: var(--fk-grey-dark) !important;
  font-size: 14px !important;
}

*, *::before, *::after { box-sizing: border-box; }

a { text-decoration: none !important; }

/* =============================================
   HEADER - FLIPKART STYLE
   ============================================= */

/* Main header wrapper */
#masthead,
.site-header,
header.site-header {
  background: var(--fk-blue) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.3) !important;
  border-bottom: none !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0;
  z-index: 9999;
}

.site-header .container-fluid,
.site-header .container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

.site-header-inner,
.site-header .row {
  display: flex !important;
  align-items: center !important;
  min-height: 56px !important;
  gap: 12px !important;
}

/* Logo Area */
.site-header .site-branding,
.site-header .custom-logo-link,
.header-logo-wrapper {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  min-width: 120px !important;
}

.site-header .site-branding .custom-logo {
  max-height: 36px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;
}

.site-header .site-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--fk-white) !important;
  font-family: var(--fk-font) !important;
  letter-spacing: -0.5px;
  line-height: 1;
}

.site-header .site-title a {
  color: var(--fk-white) !important;
}

/* Flipkart italic tagline under logo */
.site-header .site-title::after {
  content: 'Explore Plus';
  display: block;
  font-size: 10px;
  font-style: italic;
  color: var(--fk-yellow);
  font-weight: 400;
  margin-top: 1px;
}

/* =============================================
   HEADER SEARCH BAR
   ============================================= */
.site-header .search-form,
.site-header .woocommerce-product-search,
.site-header form[role="search"] {
  flex: 1 1 auto !important;
  max-width: 600px !important;
  display: flex !important;
  align-items: center !important;
  background: var(--fk-white) !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  border: none !important;
  height: 36px !important;
}

.site-header .search-field,
.site-header .wc-search-field {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  font-size: 14px !important;
  padding: 0 12px !important;
  height: 36px !important;
  background: transparent !important;
  color: var(--fk-grey-dark) !important;
  box-shadow: none !important;
}

.site-header .search-field::placeholder,
.site-header .wc-search-field::placeholder {
  color: var(--fk-grey-mid) !important;
  font-size: 13px !important;
}

.site-header .search-submit {
  background: var(--fk-blue) !important;
  border: none !important;
  padding: 0 16px !important;
  height: 36px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--fk-white) !important;
  font-size: 16px !important;
  transition: background 0.15s !important;
}

.site-header .search-submit:hover {
  background: var(--fk-blue-dark) !important;
}

.site-header .search-submit svg,
.site-header .search-submit i {
  color: var(--fk-white) !important;
  fill: var(--fk-white) !important;
  width: 18px !important;
  height: 18px !important;
}

/* Header Elements (Login, Cart) */
.site-header .header-elements,
.site-header .col-md-5.header-elements,
.site-header .col-md-8.header-elements {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

/* =============================================
   HEADER NAV - LOGIN/ACCOUNT BUTTON
   ============================================= */
.site-header .botiga-account-menu,
.site-header .account-component,
.site-header a.botiga-account-anchor {
  background: var(--fk-white) !important;
  color: var(--fk-blue) !important;
  border-radius: 2px !important;
  padding: 6px 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: background 0.15s !important;
}

.site-header .botiga-account-menu:hover,
.site-header .account-component:hover {
  background: #f5f5f5 !important;
}

/* Dropdown arrow for Login button */
.site-header .botiga-account-anchor::after {
  content: '▾';
  font-size: 10px;
  margin-left: 4px;
}

/* Header nav text links (Sell, Become Seller) */
.site-header .main-navigation ul li a,
.site-header .botiga-dropdown ul li a,
.site-header nav ul li a {
  color: var(--fk-white) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 4px 8px !important;
  transition: opacity 0.15s !important;
}

.site-header .main-navigation ul li a:hover,
.site-header nav ul li a:hover {
  opacity: 0.85 !important;
  background: transparent !important;
}

.site-header .main-navigation,
.site-header nav#site-navigation {
  background: transparent !important;
}

/* Cart icon */
.site-header .cart-component,
.site-header .botiga-cart-anchor,
.site-header .botiga-header-cart {
  color: var(--fk-white) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 4px 12px !important;
  text-decoration: none !important;
  transition: opacity 0.15s !important;
}

.site-header .cart-component:hover,
.site-header .botiga-cart-anchor:hover {
  opacity: 0.85 !important;
}

.site-header .cart-component svg,
.site-header .botiga-cart-anchor svg {
  fill: var(--fk-white) !important;
  width: 22px !important;
  height: 22px !important;
}

/* Cart count badge */
.site-header .cart-count,
.site-header .botiga-cart-count {
  background: var(--fk-orange) !important;
  color: var(--fk-white) !important;
  border-radius: 50% !important;
  min-width: 16px !important;
  height: 16px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 2px !important;
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
}

/* =============================================
   TOP BAR (before header)
   ============================================= */
.botiga-topbar,
#botiga-topbar {
  background: var(--fk-blue-dark) !important;
  color: rgba(255,255,255,0.8) !important;
  font-size: 12px !important;
  padding: 4px 0 !important;
  border-bottom: none !important;
}

.botiga-topbar a,
#botiga-topbar a {
  color: rgba(255,255,255,0.85) !important;
}

/* =============================================
   CATEGORY NAV BAR (below header)
   ============================================= */
.flipkart-category-nav {
  background: var(--fk-white) !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
  padding: 0 !important;
}

.flipkart-category-nav .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.flipkart-category-nav .container::-webkit-scrollbar { display: none; }

.flipkart-cat-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border-bottom: 2px solid transparent !important;
  transition: border-color 0.15s !important;
  min-width: 80px !important;
  text-align: center !important;
}

.flipkart-cat-item:hover,
.flipkart-cat-item.active {
  border-bottom-color: var(--fk-blue) !important;
}

.flipkart-cat-item img {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  margin-bottom: 6px !important;
}

.flipkart-cat-item span {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--fk-grey-dark) !important;
  max-width: 90px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.flipkart-cat-item:hover span {
  color: var(--fk-blue) !important;
}

/* =============================================
   FLIPKART CATEGORIES SHORTCODE SECTION
   ============================================= */
.fk-categories-section {
  background: var(--fk-white);
  border-radius: var(--fk-radius);
  box-shadow: var(--fk-card-shadow);
  margin-bottom: 16px;
  overflow: hidden;
}

.fk-categories-section h2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--fk-grey-dark) !important;
  padding: 16px 20px 0 !important;
  margin: 0 !important;
}

.fk-categories-row {
  display: flex;
  overflow-x: auto;
  padding: 16px 20px;
  gap: 4px;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.fk-categories-row::-webkit-scrollbar { display: none; }

.fk-cat-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  min-width: 90px !important;
  transition: transform 0.2s !important;
  border-radius: 4px !important;
}

.fk-cat-link:hover {
  transform: translateY(-2px) !important;
}

.fk-cat-img-wrap {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 2px solid var(--fk-grey-light) !important;
  margin-bottom: 8px !important;
  background: var(--fk-grey-bg) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fk-cat-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.25s !important;
}

.fk-cat-link:hover .fk-cat-img-wrap img {
  transform: scale(1.05) !important;
}

.fk-cat-img-wrap .no-img-placeholder {
  font-size: 28px !important;
  color: var(--fk-grey-mid) !important;
}

.fk-cat-name {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--fk-grey-dark) !important;
  text-align: center !important;
  max-width: 85px !important;
  line-height: 1.3 !important;
}

/* =============================================
   HOMEPAGE HERO BANNER AREA
   ============================================= */
.fk-hero-banner-wrap {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: stretch;
}

.fk-hero-main-banner {
  flex: 1;
  border-radius: var(--fk-radius);
  overflow: hidden;
  box-shadow: var(--fk-card-shadow);
  max-height: 380px;
}

.fk-hero-main-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fk-hero-side-banners {
  width: 232px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fk-hero-side-banners .fk-side-banner {
  border-radius: var(--fk-radius);
  overflow: hidden;
  box-shadow: var(--fk-card-shadow);
  flex: 1;
}

.fk-hero-side-banners .fk-side-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =============================================
   FLIPKART DEAL SECTIONS
   ============================================= */
.fk-deal-section {
  background: var(--fk-white);
  border-radius: var(--fk-radius);
  box-shadow: var(--fk-card-shadow);
  margin-bottom: 16px;
  overflow: hidden;
}

.fk-deal-header {
  display: flex;
  align-items: center;
  padding: 16px 20px 0;
  gap: 12px;
  flex-wrap: wrap;
}

.fk-deal-header h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--fk-grey-dark) !important;
  margin: 0 !important;
}

.fk-deal-timer {
  background: var(--fk-orange) !important;
  color: var(--fk-white) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 2px !important;
  display: inline-block !important;
}

.fk-view-all {
  margin-left: auto !important;
  color: var(--fk-blue) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 1px solid var(--fk-blue) !important;
  padding: 6px 14px !important;
  border-radius: 2px !important;
  transition: background 0.15s !important;
}

.fk-view-all:hover {
  background: var(--fk-blue) !important;
  color: var(--fk-white) !important;
}

/* =============================================
   PRODUCT GRID / CARDS - FLIPKART STYLE
   ============================================= */

/* Shop page background */
.woocommerce-page #primary,
.woocommerce #primary,
.site-main.product-grid,
.site-main.product-list {
  background: var(--fk-grey-bg) !important;
}

/* Product grid layout */
ul.products,
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: var(--fk-white) !important;
  border-radius: var(--fk-radius) !important;
  box-shadow: var(--fk-card-shadow) !important;
}

ul.products li.product,
.woocommerce ul.products li.product {
  border: none !important;
  border-right: 1px solid var(--fk-grey-light) !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
  padding: 20px 12px !important;
  text-align: center !important;
  background: var(--fk-white) !important;
  transition: box-shadow 0.2s, z-index 0s !important;
  position: relative !important;
  cursor: pointer !important;
}

ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
  box-shadow: var(--fk-card-shadow-hover) !important;
  z-index: 2 !important;
}

/* Product image */
ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 180px !important;
  object-fit: contain !important;
  padding: 10px !important;
  transition: transform 0.25s ease !important;
}

ul.products li.product:hover img {
  transform: scale(1.04) !important;
}

/* Product title */
.woocommerce-loop-product__title,
ul.products li.product h2,
.botiga-wc-loop-product__title {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--fk-grey-dark) !important;
  line-height: 1.4 !important;
  margin: 8px 0 4px !important;
  text-align: left !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  max-height: 2.8em !important;
}

/* Ratings badge */
.fk-rating-badge {
  display: inline-flex;
  align-items: center;
  background: var(--fk-green);
  color: var(--fk-white);
  font-size: 11px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 2px;
  gap: 2px;
  margin-bottom: 4px;
}

.fk-rating-count {
  color: var(--fk-grey-mid);
  font-size: 11px;
  margin-left: 6px;
}

/* WooCommerce star ratings  */
.woocommerce .star-rating,
ul.products .star-rating {
  background: var(--fk-green) !important;
  color: transparent !important;
  border-radius: 2px !important;
  padding: 1px 6px !important;
  font-size: 0 !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

.woocommerce .star-rating::before {
  content: attr(data-rating) ' ★' !important;
  color: var(--fk-white) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Ratings row */
.fk-ratings-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0;
  text-align: left;
}

/* Price block */
.woocommerce ul.products li.product .price,
.woocommerce-loop-product .price {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  text-align: left !important;
  margin-top: 6px !important;
}

.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price bdi {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--fk-grey-dark) !important;
}

/* Sale price (current) */
.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  color: var(--fk-grey-dark) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.woocommerce ul.products li.product .price ins .amount,
.woocommerce ul.products li.product .price ins bdi {
  color: var(--fk-grey-dark) !important;
}

/* Original/crossed-out price */
.woocommerce ul.products li.product .price del {
  color: var(--fk-grey-mid) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

.woocommerce ul.products li.product .price del .amount,
.woocommerce ul.products li.product .price del bdi {
  color: var(--fk-grey-mid) !important;
}

/* Discount percentage badge */
.fk-discount-badge {
  color: var(--fk-green-light) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Sale badge */
.woocommerce span.onsale {
  background: var(--fk-red) !important;
  color: var(--fk-white) !important;
  border-radius: 2px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 6px !important;
  top: 8px !important;
  left: 8px !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1.4 !important;
}

/* Add to cart button on product card */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button {
  display: none !important; /* Flipkart style: no add-to-cart on grid */
}

ul.products li.product:hover .add_to_cart_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 8px !important;
  background: var(--fk-yellow) !important;
  color: var(--fk-grey-dark) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: none !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 8px !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}

ul.products li.product:hover .add_to_cart_button:hover {
  background: #e5cd00 !important;
}

/* Product card free delivery tag */
.fk-free-delivery {
  color: var(--fk-green) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
  text-align: left !important;
}

/* =============================================
   SHOP PAGE LAYOUT OVERRIDES
   ============================================= */

/* Archive/shop breadcrumb */
.woocommerce-breadcrumb {
  font-size: 12px !important;
  color: var(--fk-grey-mid) !important;
  padding: 12px 0 8px !important;
  background: transparent !important;
}

.woocommerce-breadcrumb a {
  color: var(--fk-blue) !important;
}

/* Shop top bar (results count, sorting) */
.woocommerce-sorting-wrapper {
  background: var(--fk-white) !important;
  border-radius: var(--fk-radius) !important;
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
  box-shadow: var(--fk-card-shadow) !important;
  display: flex !important;
  align-items: center !important;
}

.woocommerce-result-count {
  font-size: 14px !important;
  color: var(--fk-grey-mid) !important;
  margin: 0 !important;
}

.woocommerce-ordering select {
  border: 1px solid var(--fk-grey-light) !important;
  border-radius: 2px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  color: var(--fk-grey-dark) !important;
  background: var(--fk-white) !important;
  cursor: pointer !important;
}

/* =============================================
   SIDEBAR - FLIPKART FILTER STYLE
   ============================================= */
.widget-area .widget,
.woocommerce-sidebar .widget {
  background: var(--fk-white) !important;
  border-radius: var(--fk-radius) !important;
  box-shadow: var(--fk-card-shadow) !important;
  margin-bottom: 8px !important;
  padding: 16px !important;
  border: none !important;
}

.widget-area .widget-title,
.woocommerce-sidebar .widget-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--fk-grey-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}

/* Filter checkboxes */
.woocommerce-widget-layered-nav-list__item a {
  font-size: 13px !important;
  color: var(--fk-grey-dark) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 0 !important;
}

.woocommerce-widget-layered-nav-list__item a:hover {
  color: var(--fk-blue) !important;
}

/* Price filter */
.price_slider_wrapper .ui-slider .ui-slider-handle {
  background: var(--fk-blue) !important;
  border-color: var(--fk-blue) !important;
}

.price_slider_wrapper .ui-slider .ui-slider-range {
  background: var(--fk-blue) !important;
}

/* =============================================
   SINGLE PRODUCT PAGE
   ============================================= */

/* Single product wrapper */
.woocommerce div.product {
  background: var(--fk-white) !important;
  border-radius: var(--fk-radius) !important;
  box-shadow: var(--fk-card-shadow) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

/* Product main image */
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
  position: sticky !important;
  top: 80px !important;
}

.woocommerce div.product .woocommerce-product-gallery img {
  border: 1px solid var(--fk-grey-light) !important;
  border-radius: 2px !important;
  padding: 8px !important;
}

/* Product title */
.woocommerce div.product h1.product_title {
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--fk-grey-dark) !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}

/* Product price block */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
  margin-bottom: 12px !important;
}

.woocommerce div.product p.price .woocommerce-Price-amount,
.woocommerce div.product span.price .woocommerce-Price-amount {
  font-size: 28px !important;
  font-weight: 300 !important;
  color: var(--fk-grey-dark) !important;
}

.woocommerce div.product span.price del {
  font-size: 16px !important;
  color: var(--fk-grey-mid) !important;
}

.woocommerce div.product .price del .woocommerce-Price-amount {
  font-size: 16px !important;
  color: var(--fk-grey-mid) !important;
}

/* Single product discount */
.woocommerce div.product .fk-product-discount {
  color: var(--fk-green-light) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

/* Bank offers section */
.fk-bank-offers {
  background: var(--fk-white);
  padding: 14px 0;
  border-bottom: 1px solid var(--fk-grey-light);
  margin-bottom: 14px;
}

.fk-bank-offers h4 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--fk-grey-dark) !important;
  margin-bottom: 10px !important;
}

.fk-bank-offer-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  color: var(--fk-grey-dark);
  line-height: 1.5;
}

.fk-bank-offer-item::before {
  content: '💳';
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* Add to cart area */
.woocommerce div.product form.cart {
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
}

/* Quantity selector */
.woocommerce .quantity,
.woocommerce div.product form.cart .quantity {
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--fk-grey-light) !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  width: fit-content !important;
  margin-bottom: 12px !important;
}

.botiga-quantity-minus,
.botiga-quantity-plus {
  background: var(--fk-grey-bg) !important;
  border: none !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  cursor: pointer !important;
  color: var(--fk-grey-dark) !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}

.botiga-quantity-minus:hover,
.botiga-quantity-plus:hover {
  background: var(--fk-grey-light) !important;
}

.woocommerce .quantity input.qty {
  width: 44px !important;
  height: 36px !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid var(--fk-grey-light) !important;
  border-right: 1px solid var(--fk-grey-light) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  -moz-appearance: textfield !important;
}

.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none !important; }

/* Add to Cart buttons - Flipkart style */
.botiga-single-addtocart-wrapper {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce button.button {
  background: var(--fk-yellow) !important;
  color: #333 !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.2) !important;
  transition: background 0.15s, box-shadow 0.15s !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 1 !important;
  justify-content: center !important;
  min-width: 140px !important;
  max-width: 240px !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #e5cd00 !important;
  box-shadow: 0 4px 8px rgba(0,0,0,.25) !important;
}

/* Buy Now button (pseudo second button) */
.woocommerce div.product form.cart .single_add_to_cart_button::before {
  content: '🛒';
}

/* Product meta */
.woocommerce div.product .product_meta {
  font-size: 13px !important;
  color: var(--fk-grey-mid) !important;
  padding-top: 12px !important;
}

.woocommerce div.product .product_meta span {
  color: var(--fk-grey-dark) !important;
}

/* Product tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--fk-grey-mid) !important;
  padding: 12px 24px !important;
  border-bottom: 2px solid transparent !important;
  transition: border-color 0.15s, color 0.15s !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--fk-blue) !important;
  border-bottom-color: var(--fk-blue) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background: var(--fk-white) !important;
  padding: 20px !important;
  border-top: 1px solid var(--fk-grey-light) !important;
}

/* =============================================
   CART PAGE - FLIPKART STYLE
   ============================================= */

/* Cart wrapper layout */
.woocommerce-cart .site-main,
.woocommerce-page .cart-layout1 {
  background: var(--fk-grey-bg) !important;
}

.woocommerce-cart table.cart {
  background: var(--fk-white) !important;
  border-radius: var(--fk-radius) !important;
  box-shadow: var(--fk-card-shadow) !important;
  border: none !important;
  overflow: hidden !important;
}

.woocommerce-cart table.cart th {
  background: var(--fk-grey-bg) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fk-grey-mid) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 12px 16px !important;
  border: none !important;
}

.woocommerce-cart table.cart td {
  padding: 16px !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
  vertical-align: middle !important;
}

.woocommerce-cart table.cart td.product-name a {
  color: var(--fk-grey-dark) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.woocommerce-cart table.cart td.product-price .amount,
.woocommerce-cart table.cart td.product-subtotal .amount {
  color: var(--fk-grey-dark) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* Cart remove button */
.woocommerce-cart table.cart td.product-remove a {
  color: var(--fk-grey-mid) !important;
  font-size: 18px !important;
}

/* Cart totals sidebar */
.woocommerce-cart .cart-collaterals .cart_totals {
  background: var(--fk-white) !important;
  border-radius: var(--fk-radius) !important;
  box-shadow: var(--fk-card-shadow) !important;
  padding: 16px !important;
}

.woocommerce-cart .cart_totals h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--fk-grey-mid) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px dashed var(--fk-grey-light) !important;
  margin-bottom: 12px !important;
}

.woocommerce-cart .cart_totals table tr td,
.woocommerce-cart .cart_totals table tr th {
  font-size: 14px !important;
  padding: 8px 0 !important;
  border: none !important;
  color: var(--fk-grey-dark) !important;
}

/* Total price */
.woocommerce-cart .cart_totals .order-total td {
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* Discount green line */
.fk-cart-savings {
  background: #f0fdf4;
  color: var(--fk-green);
  font-size: 13px;
  font-weight: 500;
  padding: 10px;
  border-radius: 2px;
  margin-top: 8px;
  text-align: center;
}

/* Proceed to Checkout */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: var(--fk-orange) !important;
  color: var(--fk-white) !important;
  border-radius: 2px !important;
  padding: 14px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: block !important;
  text-align: center !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.2) !important;
  transition: background 0.15s !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--fk-orange-dark) !important;
}

/* =============================================
   CHECKOUT PAGE
   ============================================= */

.woocommerce-checkout form.checkout {
  background: transparent !important;
}

.woocommerce-checkout #customer_details h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--fk-grey-dark) !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
  margin-bottom: 16px !important;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  border: 1px solid var(--fk-grey-light) !important;
  border-radius: 2px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  width: 100% !important;
}

.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus {
  border-color: var(--fk-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(40,116,240,.1) !important;
}

/* Order review */
.woocommerce-checkout #order_review_heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--fk-grey-mid) !important;
  text-transform: uppercase !important;
}

/* Place Order button */
#place_order {
  background: var(--fk-orange) !important;
  color: var(--fk-white) !important;
  width: 100% !important;
  padding: 14px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.2) !important;
  transition: background 0.15s !important;
}

#place_order:hover { background: var(--fk-orange-dark) !important; }

/* =============================================
   MY ACCOUNT PAGE
   ============================================= */

.woocommerce-account .woocommerce {
  background: var(--fk-white) !important;
  border-radius: var(--fk-radius) !important;
  box-shadow: var(--fk-card-shadow) !important;
  padding: 20px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  color: var(--fk-grey-dark) !important;
  border-bottom: 1px solid var(--fk-grey-light) !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--fk-blue-light) !important;
  color: var(--fk-blue) !important;
}

/* =============================================
   FLIPKART FOOTER
   ============================================= */

#colophon,
.site-footer,
footer.site-footer {
  background: var(--fk-footer-bg) !important;
  color: var(--fk-footer-text) !important;
  font-size: 13px !important;
  padding: 40px 0 0 !important;
  margin-top: 24px !important;
}

.site-footer .container,
.site-footer .container-fluid {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Footer widget columns */
.site-footer .footer-widgets-area,
.site-footer .footer-widgets,
.site-footer .widgets-area {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 24px !important;
  padding-bottom: 32px !important;
}

.site-footer .widget {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
}

/* Footer widget titles */
.site-footer .widget-title,
.site-footer h2.widget-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #999 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 14px !important;
  border: none !important;
  padding: 0 !important;
}

/* Footer links */
.site-footer .widget ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-footer .widget ul li {
  margin-bottom: 10px !important;
}

.site-footer .widget ul li a,
.site-footer .widget a {
  color: var(--fk-footer-link) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

.site-footer .widget ul li a:hover,
.site-footer .widget a:hover {
  color: var(--fk-white) !important;
}

/* Footer divider */
.site-footer .footer-bottom-bar,
.site-footer .site-info {
  background: rgba(255,255,255,0.05) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding: 16px 24px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: var(--fk-footer-text) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.site-footer .site-info a {
  color: var(--fk-footer-link) !important;
}

/* Footer payment icons */
.fk-footer-payments {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  flex-wrap: wrap;
  justify-content: center;
}

.fk-footer-payments span {
  color: var(--fk-footer-text);
  font-size: 12px;
  font-weight: 500;
}

/* =============================================
   PAGE WRAPPER CONTENT AREA
   ============================================= */
#primary.site-main {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 8px 0 !important;
}

.site-main.no-sidebar {
  width: 100% !important;
}

/* =============================================
   WOOCOMMERCE NOTICES
   ============================================= */
.woocommerce-message,
.woocommerce-info {
  background: var(--fk-blue-light) !important;
  border-top-color: var(--fk-blue) !important;
  color: var(--fk-grey-dark) !important;
  font-size: 13px !important;
}

.woocommerce-error {
  background: #fff0f0 !important;
  border-top-color: var(--fk-red) !important;
  color: var(--fk-grey-dark) !important;
}

/* =============================================
   PAGINATION
   ============================================= */
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  background: var(--fk-white) !important;
  border: 1px solid var(--fk-grey-light) !important;
  border-radius: 2px !important;
  color: var(--fk-blue) !important;
  font-size: 13px !important;
  padding: 6px 12px !important;
  transition: background 0.15s !important;
}

.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current {
  background: var(--fk-blue) !important;
  color: var(--fk-white) !important;
  border-color: var(--fk-blue) !important;
}

/* =============================================
   MOBILE RESPONSIVE
   ============================================= */
@media (max-width: 768px) {

  #masthead,
  .site-header {
    padding: 0 !important;
  }

  .site-header-inner {
    flex-wrap: nowrap !important;
    min-height: 50px !important;
  }

  ul.products,
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .site-footer .footer-widgets-area {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .botiga-single-addtocart-wrapper {
    flex-direction: column !important;
  }

  .woocommerce div.product form.cart .single_add_to_cart_button {
    max-width: 100% !important;
  }

  .fk-categories-row {
    gap: 8px !important;
    padding: 12px !important;
  }
}

@media (max-width: 480px) {

  ul.products,
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .site-footer .footer-widgets-area {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* =============================================
   ADMIN BAR - DO NOT AFFECT FRONTEND EDIT
   ============================================= */

/* Admin bar should remain visible for owner */
#wpadminbar {
  display: block !important;
}

/* Frontend editing visual indicator for admin/owner only */
.logged-in.admin-bar #masthead {
  margin-top: 32px !important;
}

/* =============================================
   DISABLE CUSTOMER/USER EDIT CAPABILITIES
   ============================================= */
/* Non-admin users see no editing controls on frontend */
body:not(.logged-in) .elementor-edit-mode,
body:not(.logged-in) .wp-block-edit,
body.customer .elementor-edit-mode,
body.subscriber .elementor-edit-mode {
  display: none !important;
  pointer-events: none !important;
}

/* Hide customizer bar from non-admins */
body:not(.admin-bar) .customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut {
  display: none !important;
}