/*
Theme Name:   Loobek Child
Theme URI:    https://nourforworld.com
Description:  NOUR child theme of Loobek (nourforworld.com). All NOUR customisations
              live here so the parent theme can be updated safely. Do not edit the
              parent Loobek theme directly.
              NOTE: the theme name is deliberately plain. Loobek derives its cached
              dynamic-CSS filename from the active theme's name
              (strtolower + strip spaces), so "Loobek Child" yields
              uploads/loobekchild.css. Renaming this theme orphans that cache file.
Author:       NOUR
Author URI:   https://nourforworld.com
Template:     loobek
Version:      1.0.0
Text Domain:  loobek-child
Tags:         e-commerce, woocommerce
*/

/* ==========================================================================
   NOUR customisations
   --------------------------------------------------------------------------
   Keep the Fashion Beige layout and palette intact. Add overrides below only
   where NOUR content genuinely requires them, and comment why.

   Confirmed palette (source: wp-content/uploads/loobek.css :root):
     accent/gold #C39348 · page bg #FFFFFF · text #000000 · muted #808080
     border #E5E5E5 · shop bg #FAFAFA · field bg #F0F0F0 · beige tint #F3EFEB
   Typography: Plus Jakarta Sans throughout; Oswald on one home-page accent.
   ========================================================================== */

/* ==========================================================================
   Horizontal overflow fix
   --------------------------------------------------------------------------
   The home page scrolled ~455px wider than the viewport (1895px inside 1440px),
   dragging the layout sideways. Four things push past the right edge, and nothing
   clipped them because html/body were both `overflow-x: visible`:

     .ts-sidebar-content          off-canvas drawer parked at left:100% (+500px)
     .woo-multi-currency          the currency switcher (+202px, and clipped)
     sr7-img.sr7-layer            hero images wider than the viewport (+369px)
     sr7-fonttest-wrap            RevSlider's font probe, parked at -1500px

   `clip` is used rather than `hidden` deliberately: `overflow: hidden` turns the
   element into a scroll container, which breaks the theme's sticky header.
   `hidden` is kept first as a fallback for engines without `clip`.
   ========================================================================== */
html,
body {
	overflow-x: hidden;
	overflow-x: clip;
	max-width: 100%;
}

/* Belt and braces: these are positioned off-screen by design and must never
   contribute to document width. */
.ts-sidebar-content,
sr7-fonttest-wrap,
.sr7-fonttest-wrap {
	max-width: 100vw;
}

/* NOTE: do NOT constrain .woo-multi-currency's width. The switcher slides its full
   label ("Indian Rupee") in on hover and sits collapsed to the currency code the rest
   of the time; capping its width makes the labels wrap and overlap the product grid.
   Its off-screen half is handled by the overflow rule above. */

/* Footer: when the five columns stack on tablet/mobile, each column heading sat flush
   against the previous column's last link, so the groups ran together. Give the
   headings air — but only once stacked, so the desktop grid is untouched. */
   Targets the column HEADINGS rather than the column containers: margin-top on the
   flex columns had no effect, whereas the headings respond. Safe to apply to all of
   them because the brand column leads with the logo, not a heading widget — so only
   Shop / Explore / Customer Care / Trade & Wholesale pick up the gap.
   !important is required because Elementor emits per-element rules such as
   `.elementor-21329 .elementor-element.elementor-element-nfh3`, which outrank a plain
   descendant selector. */
@media (max-width: 1024px) {
	footer .elementor-widget.elementor-widget-heading {
		margin-top: 34px !important;
	}
}

/* Hides a section without deleting it. Currently used on the home page's customer
   reviews block: the imported demo testimonials were fabricated (for products that
   do not exist under NOUR) and have been deleted. Remove the `nour-hidden` class
   from that widget in Elementor once real reviews exist. */
.nour-hidden {
	display: none !important;
}

/* Screen-reader-only heading. Used for the front page H1, because the hero is a
   Slider Revolution module that renders its headline as <div> layers. Standard
   clip pattern: available to assistive tech and crawlers, invisible on screen,
   and it does not affect the imported layout. */
.nour-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}