/*
Theme Name:  Riam Collection
Theme URI:   https://riamcollection.com
Description: Hello Elementor Child Theme for Riam Collection — Premium Pakistani Fashion Brand
Author:      Riam Collection
Author URI:  https://riamcollection.com
Template:    hello-elementor
Version:     1.0.0
License:     GNU General Public License v2 or later
Text Domain: riam-collection
*/

/* ============================================================
   IMPORT GOOGLE FONTS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@200;300;400;500;600&display=swap');

/* ============================================================
   GLOBAL RESETS
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: 'Jost', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; overflow-x: hidden; }

/* ============================================================
   HIDE DEFAULT WORDPRESS / HELLO THEME ELEMENTS
   ============================================================ */
.site-header,
.site-footer,
.page-header,
.entry-header,
h1.entry-title,
.elementor-page .elementor-section-wrap > .elementor-section:first-child { margin-top: 0; }
.site-main { padding: 0 !important; }
.page-template-elementor_canvas .site-header,
.page-template-elementor_canvas .site-footer { display: none; }

/* ============================================================
   ELEMENTOR SECTION PADDING RESET
   ============================================================ */
.elementor-section.elementor-section-boxed > .elementor-container { max-width: 100% !important; }

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

  /* Hero section: stack vertically on mobile */
  .elementor-section .elementor-container { flex-direction: column !important; }
  .elementor-column { width: 100% !important; }

  /* Font size adjustments */
  h1 { font-size: 48px !important; line-height: 0.94 !important; }
  h2 { font-size: 36px !important; }

  /* Grid: 3-col → 1-col on mobile */
  [style*="grid-template-columns: repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }

  /* Grid: 2-col with large gaps → 1-col */
  [style*="grid-template-columns: 1fr 1fr;gap:80px"],
  [style*="grid-template-columns: 1fr 1fr;gap:70px"],
  [style*="grid-template-columns: 1fr 1fr;gap:60px"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  /* Footer grid */
  [style*="grid-template-columns: 2fr 1fr 1fr 1.6fr"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }

  /* Stats strip: 4-col → 2x2 */
  [style*="grid-template-columns: repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Fix min-heights on mobile */
  [style*="min-height:560px"] { min-height: 240px !important; }
  [style*="height:460px"]     { height: 200px !important; }
  [style*="height:520px"]     { height: 200px !important; }

  /* Section padding */
  .elementor-section { padding-left: 20px !important; padding-right: 20px !important; }
  .elementor-column-gap-default > .elementor-container > .elementor-column > .elementor-element-populated { padding: 16px !important; }

  /* Topbar font */
  .tb-item { font-size: 8px !important; }

  /* Buttons full width on mobile */
  .elementor-button { width: 100% !important; display: block !important; text-align: center !important; margin-bottom: 10px !important; }

  /* Product cards: horizontal scroll stays intact */
  [style*="display:flex;gap:14px;overflow-x:auto"] { flex-wrap: nowrap !important; }

  /* Why cards: 1 col */
  [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }

  /* Order form rows */
  [style*="display:grid;grid-template-columns:1fr 1fr;gap:18px"] {
    grid-template-columns: 1fr !important;
  }

  /* Review cards: horizontal scroll stays */
  [style*="grid-template-columns:repeat(3,1fr)"] {
    display: flex !important;
    overflow-x: auto !important;
    gap: 14px !important;
    scrollbar-width: none !important;
  }

  /* WhatsApp float position */
  a[style*="position:fixed;bottom:28px"] {
    bottom: 20px !important;
    right: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* Tablet: some adjustments */
  [style*="grid-template-columns: repeat(3,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  h1 { font-size: 60px !important; }
  h2 { font-size: 44px !important; }
}

/* ============================================================
   SMOOTH SCROLL ANIMATIONS
   ============================================================ */
.elementor-section {
  animation: revealSection 0.7s ease both;
}
@keyframes revealSection {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}