/*
Theme Name: Sairamall Elementor Commerce
Theme URI: https://sairamall.com/
Author: Sairamall
Author URI: https://sairamall.com/
Description: Elementor-first dark gold WooCommerce theme for Sairamall. Creates editable Elementor pages and uses WooCommerce dynamic product shortcodes for shop, categories, cart, checkout, and account pages.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Requires Plugins: elementor, woocommerce
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sairamall-dark-gold
Tags: custom-logo, custom-menu, featured-images, e-commerce, education, blog, one-column, two-columns, responsive-layout
*/

@import url('assets/css/style.css');

/* Elementor-first additions */

.main-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.main-nav li{margin:0}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu li{margin:0}.mobile-menu a{display:block}

body.elementor-page .entry-content,
body.elementor-page main { overflow:hidden; }
.elementor-section.sme-hero,
.sme-hero { min-height:calc(100vh - 78px); display:flex; align-items:center; text-align:center; padding:70px 0 90px; }
.elementor-section.sme-page-hero,
.sme-page-hero { padding:84px 0 42px; text-align:center; }
.elementor-section.sme-section,
.sme-section { padding:74px 0; }
.elementor-section.sme-compact,
.sme-compact { padding:48px 0; }
.elementor-section.sme-newsletter-section { padding:74px 0; }
.elementor .sme-container > .elementor-container { max-width:1120px; }
.sme-badge .elementor-heading-title,
.elementor-widget-heading.sme-badge .elementor-heading-title { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(243,197,29,.38); background:rgba(243,197,29,.08); border-radius:999px; color:var(--gold); padding:9px 18px; font-size:12px; font-weight:900; letter-spacing:.25em; text-transform:uppercase; box-shadow:0 0 34px rgba(243,197,29,.1); }
.sme-title .elementor-heading-title,
.sme-hero-title .elementor-heading-title { font-size:clamp(42px,8vw,82px); line-height:.92; margin:14px 0 8px; font-weight:1000; letter-spacing:-.06em; background:linear-gradient(180deg,#fff7b1,#f0c41c 62%,#93680a); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 45px rgba(243,197,29,.18); }
.sme-section-title .elementor-heading-title { font-size:clamp(28px,5vw,46px); line-height:1; letter-spacing:-.04em; color:#fff; margin:0; }
.sme-section-title .elementor-heading-title span,
.sme-subtitle .elementor-heading-title span { color:var(--gold); }
.sme-subtitle .elementor-heading-title { color:#e4e4e4; font-size:clamp(21px,3vw,34px); font-weight:900; line-height:1.13; max-width:780px; margin-left:auto; margin-right:auto; letter-spacing:-.035em; }
.sme-lead, .sme-lead p { color:#aaa; line-height:1.8; font-size:16px; max-width:720px; margin-left:auto; margin-right:auto; }
.sme-small-text, .sme-small-text p { color:#888; line-height:1.75; }
.sme-logo img { width:190px !important; height:190px !important; margin:26px auto 14px; border-radius:50%; filter:drop-shadow(0 0 45px rgba(243,197,29,.24)); animation:float 4.5s ease-in-out infinite; }
.sme-card > .elementor-widget-wrap,
.sme-card.elementor-widget,
.sme-html-card { border:1px solid rgba(243,197,29,.16); background:linear-gradient(145deg,rgba(17,16,12,.9),rgba(6,6,6,.88)); border-radius:var(--radius); padding:24px; box-shadow:0 10px 35px rgba(0,0,0,.2); transition:.25s ease; height:100%; }
.sme-card > .elementor-widget-wrap:hover,
.sme-card.elementor-widget:hover,
.sme-html-card:hover { transform:translateY(-6px); border-color:rgba(243,197,29,.45); box-shadow:0 18px 70px rgba(243,197,29,.11); }
.sme-icon .elementor-heading-title { width:52px; height:52px; border-radius:16px; background:rgba(243,197,29,.1); border:1px solid rgba(243,197,29,.18); display:grid; place-items:center; color:var(--gold); font-size:24px; margin-bottom:14px; }
.sme-card-title .elementor-heading-title { margin:0 0 8px; font-size:20px; color:#fff; }
.sme-card-text, .sme-card-text p { color:#9b9b9b; line-height:1.7; font-size:14px; margin:0; }
.sme-buttons .elementor-button,
.sme-gold-button .elementor-button { border-radius:999px; min-height:58px; padding:18px 30px; font-weight:1000; font-size:14px; border:1px solid rgba(243,197,29,.43); transition:.25s ease; background:linear-gradient(135deg,#ffe04e,#e9b900 55%,#a67706); color:#070707; box-shadow:var(--shadow); }
.sme-secondary-button .elementor-button { border-radius:999px; min-height:58px; padding:18px 30px; font-weight:1000; font-size:14px; border:1px solid rgba(243,197,29,.43); transition:.25s ease; background:rgba(0,0,0,.26); color:var(--gold); }
.sme-buttons .elementor-button:hover,
.sme-gold-button .elementor-button:hover,
.sme-secondary-button .elementor-button:hover { transform:translateY(-3px); filter:saturate(1.15); }
.sme-stats, .sme-trust-row, .sme-chip-grid, .sme-list-wrap, .sme-form-wrap { width:min(1120px,100%); margin-inline:auto; }
.sme-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:560px; margin-top:36px; }
.sme-stat { text-align:center; padding:10px; }
.sme-stat b { display:block; color:var(--gold); font-size:22px; }
.sme-stat span { display:block; color:#777; font-size:12px; margin-top:4px; }
.sme-trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:780px; margin-top:38px; }
.sme-trust-card { border:1px solid rgba(243,197,29,.15); background:rgba(17,16,12,.7); border-radius:16px; padding:20px 14px; color:#bbb; font-weight:800; font-size:13px; }
.sme-trust-card i { display:block; color:var(--gold); font-style:normal; font-size:20px; margin-bottom:7px; }
.sme-mentor { display:inline-flex; align-items:center; gap:12px; border:1px solid rgba(243,197,29,.28); background:linear-gradient(135deg,rgba(18,16,9,.95),rgba(8,8,8,.9)); border-radius:16px; padding:11px 16px; margin:12px 0 0; box-shadow:0 12px 36px rgba(0,0,0,.35); }
.sme-mentor-avatar { width:39px; height:39px; border-radius:12px; background:linear-gradient(135deg,#f3c51d,#1a1306); display:grid; place-items:center; font-size:20px; }
.sme-mentor strong { display:block; color:var(--gold); font-size:13px; text-align:left; }
.sme-mentor small { display:block; color:#aaa; font-size:11px; text-align:left; }
.sme-stars { color:var(--gold); font-size:12px; letter-spacing:1px; }
.sme-inspiration { min-height:450px; border-radius:34px; border:1px solid rgba(243,197,29,.16); background:linear-gradient(90deg,rgba(7,7,7,.35),rgba(7,7,7,.86)),url('assets/images/wall-art.svg') center/cover no-repeat; display:flex; align-items:end; padding:42px; overflow:hidden; }
.sme-inspiration h2 { font-size:clamp(28px,5vw,54px); line-height:.98; margin:0 0 12px; letter-spacing:-.05em; color:#fff; }
.sme-inspiration p { color:#bbb; line-height:1.7; max-width:560px; }
.sme-list-card { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 22px; border:1px solid rgba(243,197,29,.14); background:rgba(15,14,11,.86); border-radius:18px; margin-bottom:13px; transition:.24s ease; }
.sme-list-card:hover { transform:translateX(4px); border-color:rgba(243,197,29,.45); }
.sme-list-left { display:flex; align-items:center; gap:16px; }
.sme-list-icon { width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:rgba(243,197,29,.09); border:1px solid rgba(243,197,29,.14); font-size:21px; flex:none; }
.sme-list-card h3 { margin:0; font-size:17px; color:#fff; }
.sme-list-card p { margin:5px 0 0; color:#777; font-size:12px; }
.sme-arrow { color:var(--gold); font-size:23px; }
.sme-newsletter-box { border:1px solid rgba(243,197,29,.18); background:radial-gradient(circle at 50% 0%,rgba(243,197,29,.18),transparent 22rem),rgba(10,9,6,.84); border-radius:34px; padding:44px; text-align:center; }
.sme-newsletter-box h2 { font-size:clamp(28px,5vw,46px); color:#fff; margin:8px 0 10px; }
.sme-newsletter-box form, .sme-contact-form { display:grid; gap:12px; }
.sme-newsletter-box form { grid-template-columns:1fr auto; max-width:580px; margin:22px auto 0; }
.sme-contact-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:start; }
.sme-detail-row { display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid rgba(255,255,255,.07); padding:13px 0; color:#aaa; }
.sme-detail-row strong { color:#fff; }
.sme-chip-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.sme-chip { border:1px solid rgba(243,197,29,.15); border-radius:16px; padding:16px 12px; text-align:center; color:#bbb; background:rgba(10,10,8,.78); font-size:13px; font-weight:800; }
.sme-products .woocommerce { width:100%; }
.sme-required-box { border:1px solid rgba(243,197,29,.25); background:rgba(243,197,29,.06); color:#ddd; border-radius:20px; padding:24px; text-align:center; }

/* WooCommerce dark gold styling */
.woocommerce-page-wrapper { padding:0 0 72px; }
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce div.product .stock,
.woocommerce div.product p.price,
.woocommerce div.product span.price { color:#ddd; }
.woocommerce ul.products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.woocommerce ul.products::before,
.woocommerce ul.products::after { display:none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { width:auto !important; float:none !important; margin:0 !important; border:1px solid rgba(243,197,29,.16); background:linear-gradient(145deg,rgba(17,16,12,.95),rgba(6,6,6,.9)); border-radius:24px; overflow:hidden; padding:0 0 20px !important; box-shadow:0 10px 35px rgba(0,0,0,.22); transition:.25s ease; }
.woocommerce ul.products li.product:hover { transform:translateY(-6px); border-color:rgba(243,197,29,.45); box-shadow:0 18px 70px rgba(243,197,29,.11); }
.woocommerce ul.products li.product a img { aspect-ratio:1.35/1; object-fit:cover; width:100%; margin:0 0 18px; background:#0b0b0b; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:#fff; font-size:18px; padding:0 20px 6px; }
.woocommerce ul.products li.product .price { color:var(--gold); font-weight:1000; padding:0 20px; }
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order { border:1px solid rgba(243,197,29,.35); border-radius:999px; padding:12px 17px; font-size:13px; color:#070707; background:linear-gradient(135deg,#ffe04e,#e9b900 55%,#a67706); font-weight:900; margin-left:20px; }
.woocommerce a.added_to_cart { color:var(--gold); margin-left:12px; font-weight:900; }
.woocommerce nav.woocommerce-pagination ul { border:0; display:flex; justify-content:center; gap:8px; }
.woocommerce nav.woocommerce-pagination ul li { border:0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { border:1px solid rgba(243,197,29,.2); background:#0b0b0b; color:#fff; border-radius:12px; min-width:42px; }
.woocommerce nav.woocommerce-pagination ul li span.current { background:var(--gold); color:#050505; }
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-checkout #payment { border:1px solid rgba(243,197,29,.18); background:rgba(10,9,6,.84); border-radius:22px; color:#ddd; }
.woocommerce table.shop_table th,
.woocommerce table.shop_table td { border-color:rgba(255,255,255,.08); color:#ddd; }
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { border:1px solid rgba(243,197,29,.16); background:rgba(10,9,6,.76); border-radius:22px; padding:24px; }
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select { background:#080807; border:1px solid rgba(243,197,29,.2); border-radius:14px; color:#fff; padding:13px 14px; }
.woocommerce-message,
.woocommerce-info,
.woocommerce-error { border-top-color:var(--gold); background:rgba(243,197,29,.08); color:#ddd; }
.woocommerce-message::before,
.woocommerce-info::before { color:var(--gold); }
.woocommerce div.product { border:1px solid rgba(243,197,29,.16); background:rgba(10,9,6,.7); border-radius:28px; padding:28px; }
.woocommerce div.product .product_title { color:#fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background:#0b0b0b; border-color:rgba(243,197,29,.18); border-radius:14px 14px 0 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:var(--gold); }

@media (max-width:960px){
  .woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sme-contact-grid { grid-template-columns:1fr; }
  .sme-chip-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .woocommerce ul.products { grid-template-columns:1fr; }
  .sme-logo img { width:142px !important; height:142px !important; }
  .sme-stats,.sme-trust-row { grid-template-columns:1fr; }
  .sme-newsletter-box { padding:28px 20px; }
  .sme-newsletter-box form { grid-template-columns:1fr; }
  .sme-chip-grid { grid-template-columns:1fr; }
  .sme-hero { min-height:auto; padding:48px 0 70px; }
}