/*
Theme Name: Usman Cloth Official
Theme URI: https://usmancloth.com
Author: Usman Cloth Atelier
Author URI: https://usmancloth.com
Description: High-end luxury Pakistani Pret & Couture WooCommerce & Elementor Theme. Designed with imperial emerald, antique champagne gold, and warm ivory canvas. Tailored for unstitched luxury lawn, festive velvets, and hand-embroidered formal ensembles.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: usman-cloth
Tags: e-commerce, custom-colors, custom-menu, full-width-template, theme-options, translation-ready, woocommerce, elementor
*/

:root {
  --color-primary: #00241a;
  --color-primary-container: #0d3b2e;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #79a694;
  --color-secondary: #775a19;
  --color-secondary-fixed: #ffdea5;
  --color-secondary-fixed-dim: #e9c176;
  --color-secondary-container: #fed488;
  --color-tertiary: #410811;
  --color-tertiary-container: #5d1e25;
  --color-surface: #fcf9f2;
  --color-surface-dim: #dcdad3;
  --color-surface-bright: #fcf9f2;
  --color-surface-container: #f1eee7;
  --color-surface-container-low: #f6f3ec;
  --color-surface-container-high: #ebe8e1;
  --color-surface-container-highest: #e5e2db;
  --color-surface-container-lowest: #ffffff;
  --color-on-surface: #1c1c18;
  --color-on-surface-variant: #414845;
  --color-outline: #717974;
  --color-outline-variant: #c0c8c3;
  --color-gold-accent: #c5a059;
  --color-gold-border: rgba(197, 160, 89, 0.28);
  --font-headline: 'Playfair Display', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html {
  scroll-behavior: smooth;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  font-family: var(--font-body);
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Luxury Typography */
h1, h2, h3, h4, .font-headline {
  font-family: var(--font-headline);
  font-feature-settings: "kern" 1, "liga" 1;
}

/* Material Symbols alignment */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Custom Scrollbar for Luxury Aesthetics */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f6f3ec;
}
::-webkit-scrollbar-thumb {
  background: #0d3b2e;
}
::-webkit-scrollbar-thumb:hover {
  background: #c5a059;
}

/* Logo Sizing and Resilience */
.usman-logo-img,
header img[alt*="Usman Cloth"],
footer img[alt*="Usman Cloth"],
header a img,
footer a img {
  height: 38px !important;
  max-height: 38px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
  display: block !important;
}

footer .usman-logo-img,
footer img[alt*="Usman Cloth"] {
  height: 32px !important;
  max-height: 32px !important;
}

/* Image Fallback and Responsive Containment */
img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   MASTER PRODUCT CARD & IMAGE UNIFORMITY (100% IDENTICAL 3:4 PROPORTIONS)
   ========================================================================== */
.aspect-\[3\/4\],
.usman-aspect-card,
.usman-product-image-box,
.product-thumb-item {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  background-color: var(--color-surface-container, #f1eee7) !important;
  display: block !important;
}

.aspect-\[3\/4\] img,
.aspect-\[3\/4\] > img,
.usman-aspect-card img,
.usman-aspect-card > img,
.usman-product-image-box img,
.product-thumb-item img,
#main-product-image,
#usman-catalog-grid .aspect-\[3\/4\] img,
.usman-product-grid-card .aspect-\[3\/4\] img,
.product-card-image img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  margin: 0 !important;
}

/* Perfect Horizontal Row Alignment for Product Cards */
#usman-catalog-grid,
.usman-catalog-grid {
  display: grid;
  align-items: stretch;
}

#usman-catalog-grid > div,
.usman-product-grid-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
}

#usman-catalog-grid .p-5,
.usman-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
}

#usman-catalog-grid h3,
.usman-card-title {
  min-height: 48px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
}

#usman-catalog-grid p.line-clamp-2,
.usman-card-desc {
  min-height: 38px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.45 !important;
}

/* WooCommerce Overrides */
.woocommerce-notices-wrapper {
  max-width: 1440px;
  margin: 1rem auto;
  padding: 0 1.5rem;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  background-color: var(--color-surface-container);
  border-left: 4px solid var(--color-secondary);
  color: var(--color-on-surface);
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}
.woocommerce-error {
  border-left-color: #ba1a1a;
}