/**
* Theme Name: Maia Child
* Description: This is a child theme for Maia
* Author: Thembay
* Author URI: https://thembay.com/
* Version: 1.1.24
* Template: maia
*/


/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* ================================================
   NAVIGATION FONT - Cinzel (Premium Gold Aesthetic)
   ================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&display=swap');

.elementor-nav-menu--main .elementor-nav-menu > li > a {
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    transition: color 0.25s ease, letter-spacing 0.25s ease !important;
}
.elementor-nav-menu--main .elementor-nav-menu > li > a:hover {
    color: #c9a227 !important;
    letter-spacing: 0.10em !important;
}
.elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a,
.elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a {
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
}

/* ================================================
   MOBILE RESPONSIVE FIXES - instantbullion.com
   Viewport: max-width 768px
   ================================================ */
@media (max-width: 768px) {
  html, body { overflow-x: hidden !important; max-width: 100% !important; }
  img { max-width: 100% !important; height: auto !important; }
  .hc-img, .zm-card-img { max-width: 100% !important; width: 100% !important; height: auto !important; }
  #ib-live-ticker { width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }
  .ib-ticker-inner { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; padding: 8px 10px !important; gap: 5px !important; box-sizing: border-box !important; }
  .ib-ticker-brand { width: 100% !important; text-align: center !important; font-size: 10px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  #ib-live-ticker .ib-ticker-brand { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; }
  .ib-ticker-prices { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px 14px !important; width: 100% !important; }
  .ib-ticker-item { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; min-width: 65px !important; }
  .ib-label { font-size: 9px !important; text-transform: uppercase !important; opacity: 0.75 !important; white-space: nowrap !important; }
  .ib-price { font-size: 12px !important; font-weight: 700 !important; white-space: nowrap !important; }
  .bb-page { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; }
  .bb-section { width: 100% !important; max-width: 100% !important; padding: 40px 16px !important; box-sizing: border-box !important; flex-direction: column !important; }
  .bb-inner { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .bb-hero { text-align: center !important; align-items: center !important; }
  .bb-title { font-size: clamp(24px, 7vw, 40px) !important; width: 100% !important; max-width: 100% !important; }
  .bb-text, .subtitle { width: 100% !important; max-width: 100% !important; font-size: 15px !important; }
  .vs-container { width: 100% !important; grid-template-columns: 1fr !important; }
  .bb-tiers-grid, .tiers-grid { grid-template-columns: 1fr !important; }
  section.container, .entry-content .container { max-width: 100% !important; width: 100% !important; overflow-x: hidden !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; }