/*
Theme Name: Ice Queen
Theme URI: https://consult-one.com
Author: Consult One
Author URI: https://consult-one.com
Description: A block theme for Jordanian Mottaa Co. (Ice Queen) — a product-led ice cream site with a flavour finder, an interactive distribution map, an export enquiry hub and a careers portal. Ships two light style variations: Evolved and Premium.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: icequeen
Tags: full-site-editing, block-patterns, rtl-language-support, custom-colors, wide-blocks
*/

/* The plugin's stylesheet reads these; theme.json presets set them, so a style
   variation restyles every Ice Queen section without touching the markup. */
:root{
	--iq-brand:var(--wp--preset--color--brand,#0B4C8C);
	--iq-brand-2:var(--wp--preset--color--brand-2,#1FA2E0);
	--iq-accent:var(--wp--preset--color--accent,#D3122A);
	--iq-ink:var(--wp--preset--color--ink,#0E1726);
	--iq-ink-soft:var(--wp--preset--color--ink-soft,#5A6577);
	--iq-bg:var(--wp--preset--color--base,#fff);
	--iq-tint:var(--wp--preset--color--tint,#F2F7FC);
	--iq-card:var(--wp--preset--color--card,#fff);
	--iq-line:var(--wp--preset--color--line,rgba(14,23,38,.10));
	--iq-display:var(--wp--preset--font-family--display);
	--iq-body:var(--wp--preset--font-family--body);
	--iq-radius:var(--wp--custom--radius,26px);
	--iq-radius-sm:var(--wp--custom--radius-small,14px);
	--iq-pill:var(--wp--custom--pill,999px);
	--iq-shadow:var(--wp--custom--shadow,0 18px 46px -24px rgba(11,76,140,.45));
}

body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wp-site-blocks{overflow-x:clip}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--iq-brand-2);outline-offset:2px}

/* ---------------------------------------------------------------- header -- */

.iq-header{position:sticky;top:0;z-index:900;background:color-mix(in srgb,var(--iq-bg) 92%,transparent);backdrop-filter:blur(16px);transition:box-shadow .3s,background .3s}
.iq-header.is-stuck{box-shadow:0 12px 34px -26px rgba(11,32,60,.8);background:color-mix(in srgb,var(--iq-bg) 97%,transparent)}
.iq-header .iq-wrap{display:flex;align-items:center;gap:clamp(14px,2vw,32px)}

.iq-header__top{background:var(--iq-brand);color:rgba(255,255,255,.82);font-size:12.5px}
.iq-header__top .iq-wrap{min-height:38px;justify-content:space-between}
.iq-header__top a{color:rgba(255,255,255,.82);text-decoration:none}
.iq-header__top a:hover{color:#fff}
.iq-header__top nav{display:flex;align-items:center;gap:18px}
.iq-header__lang{display:inline-flex;gap:6px;padding:3px 4px;border-radius:999px;background:rgba(255,255,255,.14)}
.iq-header__lang a{padding:2px 10px;border-radius:999px;font-weight:600}
.iq-header__lang a.is-active{background:#fff;color:var(--iq-brand)}

.iq-header__bar .iq-wrap{min-height:74px}
.iq-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.iq-logo img{height:clamp(34px,4vw,46px);width:auto;display:block}
.iq-logo b{font-family:var(--iq-display);font-size:22px;letter-spacing:-.02em;color:var(--iq-brand)}
.iq-logo b i{font-style:normal;color:var(--iq-accent)}

.iq-nav{display:flex;align-items:center;gap:clamp(4px,1vw,14px);margin-inline-start:auto}
.iq-nav > a,.iq-nav > button{position:relative;padding:10px 14px;border:0;background:none;border-radius:999px;font:inherit;font-size:14.5px;font-weight:600;color:var(--iq-ink);text-decoration:none;cursor:pointer;transition:color .2s,background .2s;white-space:nowrap}
.iq-nav > a::after,.iq-nav > button::after{content:"";position:absolute;inset-inline:14px;bottom:5px;height:2px;border-radius:2px;background:var(--iq-accent);transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.iq-nav > a:hover::after,.iq-nav > button:hover::after,.iq-nav > .is-current::after,.iq-nav > button[aria-expanded="true"]::after{transform:scaleX(1)}
.iq-nav > button i{display:inline-block;margin-inline-start:6px;font-style:normal;font-size:10px;transition:transform .25s}
.iq-nav > button[aria-expanded="true"] i{transform:rotate(180deg)}

.iq-header__cta{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.iq-iconbtn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--iq-line);background:var(--iq-card);color:var(--iq-ink);cursor:pointer;transition:all .2s}
.iq-iconbtn:hover{border-color:var(--iq-brand);color:var(--iq-brand)}
.iq-iconbtn svg{width:18px;height:18px}
.iq-burger{display:none}

/* mega panel */
.iq-mega{position:absolute;inset-inline:0;top:100%;background:var(--iq-bg);border-top:1px solid var(--iq-line);box-shadow:0 40px 60px -40px rgba(11,32,60,.7);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .28s cubic-bezier(.2,.8,.3,1)}
.iq-mega.is-open{opacity:1;visibility:visible;transform:none}
.iq-mega__inner{display:grid;grid-template-columns:1fr 300px;gap:clamp(20px,3vw,44px);padding-block:clamp(24px,3vw,40px)}
.iq-mega__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.iq-mega__item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--iq-radius-sm);text-decoration:none;transition:background .2s,transform .2s}
.iq-mega__item:hover{background:var(--iq-tint);transform:translateY(-2px)}
.iq-mega__item img{width:44px;height:44px;object-fit:contain}
.iq-mega__item b{display:block;font-family:var(--iq-display);font-size:15px;color:var(--iq-ink)}
.iq-mega__item span{display:block;font-size:12px;color:var(--iq-ink-soft)}
.iq-mega__side{padding:22px;border-radius:var(--iq-radius);background:linear-gradient(140deg,var(--iq-brand),color-mix(in srgb,var(--iq-brand) 58%,#000));color:#fff}
.iq-mega__side p{margin:6px 0 16px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.78)}
.iq-mega__side h4{margin:0;font-family:var(--iq-display);font-size:19px;color:#fff}
.iq-mega__side .iq-btn{background:#fff;color:var(--iq-brand)}

/* search overlay */
.iq-search{position:fixed;inset:0;z-index:1000;display:grid;place-items:start center;padding-top:14vh;background:rgba(9,20,36,.45);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.iq-search.is-open{opacity:1;visibility:visible}
.iq-search form{display:flex;gap:10px;width:min(660px,92vw);padding:16px;border-radius:var(--iq-radius);background:var(--iq-bg);box-shadow:0 40px 90px -40px rgba(9,20,36,.9)}
.iq-search input{flex:1;padding:14px 18px;border-radius:999px;border:1px solid var(--iq-line);background:var(--iq-tint);color:var(--iq-ink);font:inherit;font-size:16px}

/* mobile drawer */
.iq-drawer{position:fixed;inset:0;z-index:950;display:flex;flex-direction:column;gap:6px;padding:86px 22px 30px;background:var(--iq-bg);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.3,1);overflow:auto}
html[dir="rtl"] .iq-drawer{transform:translateX(-100%)}
.iq-drawer.is-open{transform:none}
.iq-drawer a{padding:14px 6px;border-bottom:1px solid var(--iq-line);font-family:var(--iq-display);font-size:20px;color:var(--iq-ink);text-decoration:none}
.iq-drawer .iq-btn{margin-top:18px}
.iq-drawer__close{position:absolute;top:20px;inset-inline-end:20px}

@media (max-width:1080px){
	.iq-nav,.iq-header__cta .iq-btn{display:none}
	.iq-burger{display:grid}
	.iq-header__top .iq-wrap span{display:none}
	.iq-header__cta{margin-inline-start:auto}
}

/* ---------------------------------------------------------------- footer -- */

.iq-footer{padding-block:clamp(44px,5vw,72px) 26px;background:var(--iq-ink);color:rgba(255,255,255,.66);font-size:14px}
.iq-footer a{color:rgba(255,255,255,.66);text-decoration:none;transition:color .2s}
.iq-footer a:hover{color:#fff}
.iq-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(22px,3vw,50px)}
.iq-footer h5{margin:0 0 14px;font-family:var(--iq-display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.iq-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.iq-footer__brand b{font-family:var(--iq-display);font-size:24px;color:#fff}
.iq-footer__brand b i{font-style:normal;color:var(--iq-accent)}
.iq-footer__brand p{margin:12px 0 0;max-width:36ch;line-height:1.6}
.iq-footer__social{display:flex;gap:9px;margin-top:18px}
.iq-footer__social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.09)}
.iq-footer__social svg{width:17px;height:17px;fill:currentColor}
.iq-footer__base{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin-top:clamp(30px,4vw,52px);padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px}
@media (max-width:900px){ .iq-footer__grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .iq-footer__grid{grid-template-columns:1fr} }

/* -------------------------------------------------------------- editorial -- */

.iq-prose{max-width:760px;margin-inline:auto;padding-inline:clamp(18px,4vw,40px)}
.iq-prose h2{margin-top:1.6em}
.iq-prose p{line-height:1.75;color:var(--iq-ink-soft)}