/*
Theme Name: Yuga Mantrana
Theme URI: https://yugamantrana.com
Author: Yuga Mantrana Pvt. Ltd.
Author URI: https://yugamantrana.com
Description: Professional corporate theme for Yuga Mantrana - Elementor compatible.
Version: 3.0.0
Requires at least: 5.6
Tested up to: 6.9
Requires PHP: 7.4
License: Proprietary
Text Domain: yugamantrana
Tags: business, corporate, elementor
*/

/* Base only - all header/footer styles are in header.php <style> tag */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; }
img { max-width: 100%; }

/* =============================================
   FULL-WIDTH PAGE SUPPORT
   Forces Elementor & all page content to use
   100% viewport width — no side margins/padding
   ============================================= */

/* Remove any WordPress/theme default padding on the main content */
#ym-content,
.site-content,
.entry-content,
.wp-block-group,
.wp-block-group__inner-container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* ── Elementor (Classic Editor) ── */
.elementor-section-boxed > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
}
.elementor-section {
  width: 100% !important;
}
.elementor-widget-wrap {
  width: 100% !important;
}

/* ── Elementor Flexbox Containers (new editor) ── */
.e-con,
.e-con-inner,
.e-flex.e-con.e-parent {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── Elementor default container max-width override ── */
.elementor-container {
  max-width: 100% !important;
}

/* ── Gutenberg / Block editor full-width ── */
.alignfull {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  max-width: 100vw !important;
  width: 100vw !important;
}
.alignwide {
  max-width: 100% !important;
}

/* ── Remove any leftover WP page wrapper padding ── */
.page-template-default #ym-content,
.page #ym-content,
.single #ym-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Override any Elementor inner section column padding ── */
.elementor-section-full_width .elementor-container {
  max-width: 100% !important;
}

/* ── Prevent body or html from restricting width ── */
html, body {
  width: 100% !important;
  overflow-x: hidden !important;
}