/*
Theme Name: youssi-masterclass
Theme URI: https://youssieyelashes.com/
Author: Pro WP
Description: Thème Master Class FR/AR (RTL) — Cairo en arabe, formulaire premium, e-mails & options.
Version: 1.0.19
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: youssi-masterclass
*/
:root{
  --bg:#fbf7f6; --header:#0d0d0f; --card:#ffffff; --border:#e8e8ef;
  --text:#111317; --muted:#5b6472; --accent:#f34892; --gold:#d1a954;
  --radius:12px; --shadow:0 8px 20px rgba(17,19,23,.06);
  --fs-sm:14px; --fs-base:16px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:28px; --fs-3xl:34px;
  --container:720px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';font-size:var(--fs-base);line-height:1.6}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:'Marcellus',Georgia,'Times New Roman',serif;letter-spacing:.2px;margin:0 0 .6em}
h1{font-size:var(--fs-3xl)} h2{font-size:var(--fs-2xl)} h3{font-size:var(--fs-xl)}
.page-title{text-align:center;font-size:clamp(22px,6vw,32px);line-height:1.2}
.page-sub{text-align:center;font-size:clamp(12px,3.5vw,14px);color:#8b8f98}

.site-header{position:static;background:var(--header)}
.site-header-inner{width:100%;margin:0;padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px}
.container{width:100%;max-width:var(--container);padding:0 12px;margin:0 auto}
.site-brand{width:100%;max-width:var(--container);margin:0 auto}
.site-brand a{display:block}
.site-brand img{width:100%;height:auto;object-fit:contain;}

.lang-switch .btn{display:inline-flex;align-items:center;gap:6px;background:#1b1b20;color:#fff;text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}

.hero{padding:24px 16px 8px;background:transparent}

.form-wrap{max-width:var(--container);margin:10px auto;padding:0 12px}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.card h2{display:none}

.form .row{display:flex;flex-direction:column;gap:12px}
.input,.select,.textarea{width:100%;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 14px;outline:none;transition:box-shadow .15s,border-color .15s;font-size:16px;line-height:1.4}
.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(209,169,84,.2)}
.input::placeholder,.textarea::placeholder{color:#8f95a3;opacity:1;font-size:16px}
.select{font-size:16px} .select option{font-size:16px;line-height:1.4}
.help{color:var(--muted);font-size:var(--fs-sm)}
.error{color:#e85151;font-size:var(--fs-sm)}
.button{display:inline-flex;align-items:center;justify-content:center;width:100%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:800;letter-spacing:.2px;border-radius:10px;padding:12px 14px;transition:transform .12s,box-shadow .12s}
.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(243,72,146,.2)}

.info{max-width:var(--container);margin:12px auto;padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}
.info h4{font-family:'Marcellus',Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(18px,4.8vw,22px);line-height:1.2;margin:0 0 8px;text-align:center;color:#1c1e22}
.info.note{background:#fff3d9;border-color:#f6d78f}

.social{width:100%;max-width:var(--container);margin:10px auto 0;padding:0 12px;display:flex;flex-direction:column;gap:10px}
.social a{display:block;width:100%;text-align:center;font-weight:800;color:#fff;border-radius:12px;padding:12px;border:1px solid transparent;text-decoration:none}
.social a.instagram{background:#F26A21}
.social a.facebook{background:#1877F2}
.social a.whatsapp{background:#25D366}
.social a.tiktok{background:#000;color:#fff}

.site-footer{margin-top:28px;padding:24px 18px 32px;border-top:1px solid rgba(0,0,0,.06);background:transparent}
.site-footer .legal{text-align:center;color:#6c7380;font-size:var(--fs-sm)}

/* Cairo forced in Arabic */
html[lang^="ar"], html[dir="rtl"] { font-family:'Cairo',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji' !important; }
html[lang^="ar"] *, html[dir="rtl"] *, html[lang^="ar"] *::before, html[dir="rtl"] *::before, html[lang^="ar"] *::after, html[dir="rtl"] *::after {
  font-family:'Cairo',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji' !important;
}
html[lang^="ar"] *::placeholder, html[dir="rtl"] *::placeholder { font-family:'Cairo',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji' !important; }

@media (max-width:480px){
  .input,.select,.textarea{font-size:17px}
  .input::placeholder,.textarea::placeholder{font-size:17px}
}


/* --- Force hide common cookie banners & revisit icons --- */
.cookie-notice, #cookie-notice, .cookie-notice-container,
.cc-window, .cc-floating, .cc-banner, .cc-revoke,
#cmplz-cookiebanner, .cmplz-cookiebanner, .cmplz-cookiebanner-container, .cmplz-categories, .cmplz-manage-consent, .cmplz-cookiebanner-container__revoke,
#cookie-law-info-bar, #cookie-law-info-again, .cli-bar-container, .cli-plugin-button, .cli-settings-button, .cli-manage-consent, .wt-cli-ccpa-opt-out,
.cky-consent-container, .cky-consent-bar, .cky-floating-bottom-right, .cky-floating-bottom-left, .cky-btn-revisit, .cky-revisit-bottom-right, .cky-revisit-consent {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}