/*
Theme Name:        Custom Elementor Shop
Theme URI:         https://zurichshop.ch
Author:            Azad Gadgets
Author URI:        https://zurichshop.ch
Description:       A lightweight, production-ready WordPress theme scaffolded for Elementor Theme Builder and WooCommerce. No opinionated layouts — Elementor controls everything.
Version:           1.0.7
Requires at least: 6.4
Requires PHP:      8.1
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       custom-elementor-shop
Tags:              full-site-editing, elementor, woocommerce, custom-background, custom-logo, custom-menu
*/

/*
 * =========================================================
 * MINIMAL ELEMENTOR-SAFE CSS RESET
 * =========================================================
 * Avoids overriding Elementor's own CSS variables and
 * layout engine. Only resets browser defaults that would
 * cause cross-browser inconsistencies without interfering
 * with Elementor's box model and flex/grid containers.
 * =========================================================
 */

/* 1. Box-sizing — Elementor already sets this; we match it */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 2. Core body defaults */
html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 3. Remove default list styling only when inside nav elements
   (avoids breaking Elementor widget lists) */
nav ul,
nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 4. Media elements — responsive by default */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 5. Form elements inherit font */
input,
button,
textarea,
select {
    font: inherit;
}

/* 6. Remove default button / anchor decoration — scoped
   so Elementor widgets handle their own interactive styling */
a {
    text-decoration: none;
    color: inherit;
}

/* 7. Headings — reset margin only; Elementor sets line-height
   and font-size through its own heading widget styles */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
}

/* 8. Paragraph spacing reset — Elementor's editor sets its own */
p {
    margin: 0;
}

/* 9. Hidden utility */
[hidden] {
    display: none !important;
}

/* 10. WooCommerce — ensure shop page doesn't break in non-Elementor views */
.ces-woo-content {
    width: 100%;
    max-width: 100%;
    padding: 1.5rem;
}