/*
Theme Name:  PML — Parti Marocain Libéral
Theme URI:   https://idev.ma
Description: Thème officiel du Parti Marocain Libéral — Elementor Pro
Version:     1.0.0
Author:      Dev.ma Team
Text Domain: pml-theme
*/

/* ── IMPORT FONTS ── */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap");

/* ── CSS VARIABLES ── */
:root {
    --pml-orange: #ff9600;
    --pml-orange-l: #ffb340;
    --pml-orange-d: #cc7800;
    --pml-blue: #0069a5;
    --pml-blue-l: #007dc4;
    --pml-blue-m: #005a8c;
    --pml-blue-d: #003e64;
    --pml-blue-dk: #00253d;
    --pml-white: #ffffff;
    --pml-text-light: rgba(255, 255, 255, 0.82);
    --pml-text-muted: rgba(255, 255, 255, 0.48);
    --pml-border: rgba(255, 255, 255, 0.09);
    --pml-border-o: rgba(255, 150, 0, 0.35);
}

/* ── RESET ── */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}

/* Apply styles to body only when NOT in the editor UI panel */
body {
    font-family: "Cairo", sans-serif;
    overflow-x: hidden;
    direction: rtl;
}

/* Base colors for frontend and editor preview iframe */
body:not(.elementor-editor-active),
.elementor-editor-active #elementor-preview-responsive-wrapper body {
    background: var(--pml-blue-dk);
    color: var(--pml-white);
}

/* Ensure editor controls remain readable */
.elementor-panel-navigation-tab,
.elementor-control-title,
.elementor-control-content {
    color: #333 !important;
}

/* ── ELEMENTOR FULL WIDTH ── */
.elementor-section.elementor-section-full_width {
    padding: 0;
}
.e-con-inner {
    max-width: 1400px;
    margin: 0 auto;
}

/* ── LINKS ── */
a {
    color: var(--pml-orange);
    text-decoration: none;
    transition: color 0.2s;
}
a:hover {
    color: var(--pml-orange-l);
}

/* ── GLOBAL HEADING ── */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cairo", sans-serif;
    font-weight: 900;
    line-height: 1.2;
}