/*
Theme Name: GulfCorner Khadija Child
Theme URI: https://gulfcorner.ma/
Description: Update-safe Arabic-first WooCommerce presentation for GulfCorner.
Author: GulfCorner
Template: khadija
Version: 1.1.3
Text Domain: gulfcorner
*/

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');

/*
 * Storefront (shop / product / category) styles live in assets/css/storefront.css.
 * The homepage and the FAQ / About / Contact pages render from plain PHP in
 * wp-content/novamira-sandbox/ and carry their own scoped <style> blocks.
 *
 * The former contents of this file styled the retired Elementor homepage
 * (.gc-marquee-bar, .gc-hero-anim, body.page-id-5910 .e-con, .gc-product-slider).
 * None of those classes are rendered any more, so the rules were removed.
 */

/*
 * Header/footer templates must run edge to edge.
 *
 * Elementor gives every container a default 10px inline padding on mobile, so
 * the header and footer bars were sitting 10px short of both screen edges and
 * their backgrounds stopped before the viewport did. The existing
 * #gc-template-full-width rule inside those templates only zeroes the *widget*
 * padding, not the container's.
 *
 * This lives in style.css rather than assets/css/storefront.css because that
 * file is only enqueued on WooCommerce surfaces, while these bars are on
 * every page.
 */
.elementor-element-gch4169,
.elementor-element-gcf4093,
#header-4169 > .elementor-element,
#footer-4093 > .elementor-element {
  padding-inline: 0 !important;
}