/*
Theme Name: Hadou Framework
Theme URI: https://hadoudesign.com/
Author: Hadou Design
Author URI: https://hadoudesign.com/
Description: Lightweight agency foundation for Elementor, WooCommerce and the Hadou ecosystem. Full-width by default, RTL-first, design-token driven and intentionally unopinionated.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: hadou-framework
Tags: custom-logo, custom-menu, featured-images, rtl-language-support, translation-ready, e-commerce, full-width-template, block-styles, wide-blocks
*/

/* Hadou Framework intentionally keeps the global stylesheet small.
   Most visual variables come from inc/design-tokens.php. */

html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:var(--hadou-bg,#fff);color:var(--hadou-text,#16181d);font-family:var(--hadou-font-en,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);line-height:1.6}
body.rtl{font-family:var(--hadou-font-ar,"Cairo",system-ui,sans-serif)}
img,svg,video{max-width:100%;height:auto}
img{vertical-align:middle}
a{color:var(--hadou-primary,#b21842);text-decoration-thickness:.08em;text-underline-offset:.18em}
button,input,select,textarea{font:inherit}
button,.button,input[type=submit]{border-radius:var(--hadou-button-radius,10px)}
:focus-visible{outline:2px solid var(--hadou-accent,#b21842);outline-offset:3px}

.hadou-site{min-height:100vh;display:flex;flex-direction:column}
.hadou-site-main{flex:1;width:100%}
.hadou-shell{width:min(calc(100% - 32px),var(--hadou-container,1280px));margin-inline:auto}
.hadou-content{padding-block:clamp(32px,5vw,72px)}
.hadou-content--full{padding:0;width:100%;max-width:none}
.hadou-entry-header{margin-bottom:24px}
.hadou-entry-title{font-size:clamp(34px,5vw,68px);line-height:1.02;letter-spacing:-.04em;margin:0}
.rtl .hadou-entry-title{letter-spacing:0}
.hadou-entry-content>*:first-child{margin-top:0}
.hadou-entry-content>*:last-child{margin-bottom:0}

.hadou-fallback-header{position:relative;z-index:20;border-bottom:1px solid var(--hadou-border,#e8e9ec);background:var(--hadou-surface,#fff)}
.hadou-fallback-header__inner{min-height:76px;display:flex;align-items:center;gap:24px}
.hadou-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:800}
.hadou-brand .custom-logo{max-height:42px;width:auto}
.hadou-fallback-nav{margin-inline-start:auto}
.hadou-fallback-nav ul{display:flex;list-style:none;gap:6px;padding:0;margin:0}
.hadou-fallback-nav a{display:block;padding:9px 11px;color:inherit;text-decoration:none;border-radius:8px}
.hadou-fallback-nav a:hover{background:color-mix(in srgb,var(--hadou-primary) 8%,transparent)}
.hadou-nav-toggle{display:none;margin-inline-start:auto;background:transparent;border:1px solid var(--hadou-border);padding:8px 10px}

.hadou-fallback-footer{margin-top:auto;border-top:1px solid var(--hadou-border,#e8e9ec);background:var(--hadou-surface,#fff)}
.hadou-fallback-footer__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--hadou-muted,#6e737d);font-size:13px}

.alignwide{width:min(calc(100vw - 32px),var(--hadou-wide,1440px));max-width:none;margin-inline:calc((100% - min(calc(100vw - 32px),var(--hadou-wide,1440px)))/2)}
.alignfull{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}

body.elementor-page .hadou-content,
body.elementor-template-full-width .hadou-content{padding:0}
body.elementor-page .hadou-shell,
body.elementor-template-full-width .hadou-shell{width:100%;max-width:none}

@media(max-width:782px){
  .hadou-nav-toggle{display:inline-flex}
  .hadou-fallback-nav{display:none;position:absolute;inset-inline:16px;top:calc(100% + 8px);padding:10px;border:1px solid var(--hadou-border);background:var(--hadou-surface);border-radius:12px;box-shadow:0 18px 50px rgba(10,12,18,.12)}
  .hadou-fallback-nav.is-open{display:block}
  .hadou-fallback-nav ul{display:block}
  .hadou-fallback-footer__inner{padding-block:18px;display:block}
}