/*
Theme Name: Afaq Al Barari
Theme URI: https://afaqalbarari.com/
Description: Standalone premium travel theme for Afaq Al Barari. Built for Elementor with custom header, mega menus, mobile drawer, search and footer.
Author: Afaq Al Barari
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: afaq-al-barari
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* =========================================================
   AFAQ AL BARARI — STANDALONE BASE
   No Hello Elementor dependency and no Hello pink defaults.
========================================================= */

:root {
    --aab-navy: #0D1B26;
    --aab-copper: #B9683E;
    --aab-cream: #F7F3EC;
    --aab-sand: #E9DED0;
    --aab-text: #17202A;
    --aab-muted: #58636B;
    --aab-line: #E5DFD5;
    --aab-admin: 0px;

    /* Keep Elementor's global accent aligned with the Afaq brand. */
    --e-global-color-primary: #0D1B26;
    --e-global-color-secondary: #E9DED0;
    --e-global-color-text: #17202A;
    --e-global-color-accent: #B9683E;

    accent-color: var(--aab-copper);
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    overflow-x: clip;
    background: var(--aab-cream);
    color: var(--aab-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img,
svg,
video,
canvas {
    max-width: 100%;
}

img {
    height: auto;
    border-style: none;
}

figure {
    margin: 0;
}

p {
    margin-block: 0 0.9em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block: 0.5em 1em;
    color: inherit;
    line-height: 1.2;
}

a {
    background: transparent;
    color: var(--aab-copper);
    text-decoration: none;
}

a:hover,
a:active {
    color: var(--aab-navy);
}

button,
input,
select,
textarea {
    margin: 0;
    font: inherit;
}

button,
[type="button"],
[type="submit"],
[type="reset"] {
    width: auto;
    cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
input[type="password"],
select,
textarea {
    width: 100%;
    border: 1px solid #AEB4B8;
    border-radius: 6px;
    background: #fff;
    color: var(--aab-text);
    padding: 0.7rem 0.9rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--aab-copper);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(185,104,62,.12);
}

button:not([class]),
[type="button"]:not([class]),
[type="submit"]:not([class]),
[type="reset"]:not([class]) {
    border: 1px solid var(--aab-copper);
    border-radius: 6px;
    background: var(--aab-copper);
    color: #fff;
    padding: .65rem 1rem;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

button:not([class]):hover,
button:not([class]):focus,
[type="button"]:not([class]):hover,
[type="button"]:not([class]):focus,
[type="submit"]:not([class]):hover,
[type="submit"]:not([class]):focus,
[type="reset"]:not([class]):hover,
[type="reset"]:not([class]):focus {
    border-color: var(--aab-navy);
    background: var(--aab-navy);
    color: #fff;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--aab-copper);
    outline-offset: 3px;
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: rgba(185,104,62,.12);
}

::selection {
    background: var(--aab-copper);
    color: #fff;
}

/* Elementor itself controls Elementor buttons; only replace accidental
   default pink focus/hover colors if a widget has no custom color. */
.elementor-button:focus-visible {
    outline-color: var(--aab-copper) !important;
}

/* Standard WordPress templates used outside Elementor. */
.aab-site-main {
    width: 100%;
}

.aab-standard-content,
.aab-loop {
    width: min(1120px, calc(100% - 64px));
    margin-inline: auto;
    padding: 80px 0 100px;
}

.aab-standard-content .entry-title,
.aab-loop-title {
    margin: 0 0 28px;
    color: var(--aab-navy);
    font: 400 clamp(42px,5vw,68px)/1.02 Georgia, serif;
}

.aab-loop article {
    padding: 26px 0;
    border-bottom: 1px solid var(--aab-line);
}

.aab-loop article h2 {
    margin: 0 0 8px;
    font: 400 clamp(27px,3vw,38px)/1.1 Georgia, serif;
}

.aab-loop article h2 a {
    color: var(--aab-navy);
}

.aab-loop article h2 a:hover {
    color: var(--aab-copper);
}

@media (max-width: 767px) {
    .aab-standard-content,
    .aab-loop {
        width: calc(100% - 32px);
        padding: 56px 0 72px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}