/* SAAFI theme styles. Colours and fonts come from theme.json (Appearance › Editor › Styles). */
:root{--s-bg:var(--wp--preset--color--bg);--s-surface:var(--wp--preset--color--surface);--s-ink:var(--wp--preset--color--ink);--s-mist:var(--wp--preset--color--mist);--s-navy:var(--wp--preset--color--navy);--s-accent:var(--wp--preset--color--accent);--s-brass:var(--wp--preset--color--brass);--s-line:var(--wp--preset--color--line);--s-deep:var(--wp--preset--color--deep);--s-deep-text:var(--wp--preset--color--deep-text);--s-latin:var(--wp--preset--font-family--latin);--s-display:var(--wp--preset--font-family--display)}
html{scroll-behavior:smooth}
body{margin:0}
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.saafi-main>*{margin-block-start:0}
.saafi-hero,.saafi-strip,.saafi-band,.saafi-order-wrap,.saafi-header,.saafi-footer,.saafi-plain{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{text-wrap:balance}
:lang(en) h1,:lang(en) h2{font-family:var(--s-latin);font-weight:600;letter-spacing:-.01em}

/* header */
.saafi-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--s-line)}
body.admin-bar .saafi-header{top:32px}
.saafi-nav{min-height:76px}
.saafi-logo img{max-height:50px;width:auto}
.saafi-menu{font-size:.92rem;gap:28px}
.saafi-menu a{color:var(--s-mist)!important;text-decoration:none}
.saafi-menu a:hover{color:var(--s-navy)!important}
.saafi-menu .wp-block-navigation-item:last-child a{border:1px solid var(--s-line);border-radius:999px;padding:4px 16px;color:var(--s-navy)!important}

/* shared */
.saafi-eyebrow{font-size:.78rem;font-weight:500;color:var(--s-brass);display:flex;align-items:center;gap:.8em;margin:0}
.saafi-eyebrow::before{content:"";width:32px;height:1px;background:var(--s-brass);flex:none}
:lang(en) .saafi-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}
.saafi-band{padding-block:96px}
.saafi-head{margin-bottom:48px}
.saafi-head>*{margin-block:0 14px}
.saafi-head h2{font-size:clamp(1.7rem,3vw,2.35rem)}
.saafi-sub{color:var(--s-mist);font-size:1.03rem;font-weight:300}

/* hero */
.saafi-hero{background:var(--s-surface);border-bottom:1px solid var(--s-line);padding-block:64px 72px;overflow:hidden}
.saafi-hero-cols{align-items:center!important;gap:40px}
.saafi-hero-title{font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.3!important}
.saafi-hero-title mark{background:none;color:var(--s-accent)}
.saafi-lead{font-size:1.1rem;color:var(--s-mist);font-weight:300;max-width:33em}
.saafi-hero .is-style-outline .wp-block-button__link{border:1px solid var(--s-line);color:var(--s-navy);background:var(--s-surface)}
.saafi-hero .is-style-outline .wp-block-button__link:hover{border-color:var(--s-brass)}
.saafi-facts{gap:36px!important;padding-top:24px;border-top:1px solid var(--s-line);margin-top:18px}
.saafi-facts p{margin:0;font-size:.82rem;color:var(--s-mist)}
.saafi-facts strong{display:block;font-family:var(--s-display);font-size:1.35rem;color:var(--s-navy);font-weight:500;line-height:1.5}
.saafi-map{margin:0}
.saafi-map img{width:100%;height:auto;max-height:620px}

/* photos */
.saafi-strip{padding-block:24px 0}
.saafi-photos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px;gap:14px}
.saafi-photos>*{margin:0!important}
.saafi-photos .wp-block-image{position:relative;border-radius:6px;overflow:hidden;background:#dfe4ea;height:100%}
.saafi-photos .wp-block-image:first-child{grid-row:span 2}
.saafi-photos .wp-block-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}
.saafi-photos .wp-block-image:hover img{transform:scale(1.03)}
.saafi-photos figcaption{position:absolute;inset:auto 0 0;margin:0;padding:32px 18px 14px;background:linear-gradient(transparent,rgba(15,27,48,.7));color:#fff;font-size:.88rem;text-align:start}

/* fresh / frozen */
.saafi-duo{gap:20px}
.saafi-state{background:var(--s-surface);border:1px solid var(--s-line);border-radius:6px;padding:40px 40px 88px;position:relative;overflow:hidden;height:100%;box-sizing:border-box}
.saafi-state>*{margin-block:0 12px}
.saafi-state h3{font-size:1.5rem}
.saafi-state p{color:var(--s-mist);font-weight:300}
.saafi-tag{font-size:.8rem;color:var(--s-brass)!important;font-weight:500!important}
.saafi-state ul{list-style:none;padding:0;display:grid;gap:10px}
.saafi-state li{display:flex;gap:12px;align-items:baseline;font-size:.96rem}
.saafi-state li::before{content:"";width:14px;height:1px;background:var(--s-accent);flex:none;transform:translateY(-4px)}
.saafi-temp{position:absolute;inset-inline-end:36px;bottom:14px;font-family:var(--s-latin);font-size:2.2rem;color:var(--s-navy)!important;opacity:.18;direction:ltr;margin:0!important;font-weight:500!important}

/* markets */
.saafi-markets{background:var(--s-surface);border-block:1px solid var(--s-line)}
.saafi-mk{gap:0!important}
.saafi-mk>.wp-block-column{padding:8px 22px;border-inline-start:1px solid var(--s-line)}
.saafi-mk>.wp-block-column:first-child{border-inline-start:0;padding-inline-start:0}
.saafi-mk .wp-block-column>*{margin-block:0 8px}
.saafi-code{color:var(--s-brass);font-size:.72rem;letter-spacing:.14em}
.saafi-mk h3{font-size:1.2rem}
.saafi-mk p:not(.saafi-code){color:var(--s-mist);font-size:.88rem;font-weight:300}

/* species */
.saafi-species{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--s-line);border-inline-start:1px solid var(--s-line)}
.saafi-species>*{margin:0!important}
.saafi-sp{background:var(--s-surface);border-inline-end:1px solid var(--s-line);border-bottom:1px solid var(--s-line);padding:26px 24px;transition:background .25s}
.saafi-sp:hover{background:#fbfcfd}
.saafi-sp::before{content:"";display:block;width:56px;height:28px;margin-bottom:10px;opacity:.8;background:var(--s-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M4 16c8-10 26-12 40-4l12-6-4 10 4 10-12-6C30 28 12 26 4 16Z'/%3E%3Ccircle cx='14' cy='14' r='1.4' fill='black'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M4 16c8-10 26-12 40-4l12-6-4 10 4 10-12-6C30 28 12 26 4 16Z'/%3E%3Ccircle cx='14' cy='14' r='1.4' fill='black'/%3E%3C/svg%3E") no-repeat center/contain}
.saafi-sp>*{margin-block:0 6px}
.saafi-sp h3{font-size:1.08rem}
.saafi-alt{color:var(--s-mist);font-size:.8rem;direction:ltr;text-align:start;font-weight:300}
.saafi-chips{display:inline-block;font-size:.72rem;padding:1px 10px;border-radius:999px;border:1px solid var(--s-line);color:var(--s-mist);margin:6px 0 0!important}
.saafi-note{margin-top:22px;color:var(--s-mist);font-size:.88rem;display:flex;gap:10px;align-items:center}
.saafi-note::before{content:"";width:14px;height:1px;background:var(--s-brass);flex:none}

/* order */
.saafi-order-wrap{padding-block:0 96px}
.saafi-order{background:var(--s-deep);color:#fff;border-radius:6px;padding:64px;position:relative;overflow:hidden}
.saafi-order h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.2rem)}
.saafi-order p{color:var(--s-deep-text);font-weight:300}
.saafi-order-cols{gap:48px}
.saafi-person{color:#fff!important;padding-inline-start:66px;position:relative;min-height:52px;font-weight:400!important}
.saafi-person::before{content:"";position:absolute;inset-inline-start:0;top:0;width:52px;height:52px;border-radius:50%;border:1px solid var(--s-brass);background:url("../images/mark-white.png") no-repeat center/62%}
.saafi-person strong{font-family:var(--s-display);font-size:1.1rem;font-weight:500}
.saafi-row{border-bottom:1px solid rgba(255,255,255,.12);padding:16px 4px;margin:0!important;display:flex;flex-direction:column}
.saafi-row:first-child{border-top:1px solid rgba(255,255,255,.12)}
.saafi-row span{font-size:.78rem;color:var(--s-deep-text)}
.saafi-row a{color:#fff!important;font-size:1.08rem;text-decoration:none;overflow-wrap:anywhere}
.saafi-row a:hover{color:var(--s-brass)!important}
.saafi-row a[dir=ltr]{unicode-bidi:isolate}
[dir=rtl] .saafi-row a[dir=ltr]{text-align:right}

/* footer */
.saafi-footer{background:var(--s-deep);color:var(--s-deep-text);padding-block:36px;font-size:.85rem}
.saafi-footer .wp-block-site-title{font-family:var(--s-latin);font-size:1.5rem;letter-spacing:.12em;color:#fff}
.saafi-footer a{color:#fff;text-decoration:none}
.saafi-footer p{margin:0}
.saafi-plain{padding-block:56px 96px}

/* floating WhatsApp */
.saafi-wa-float{position:fixed;inset-inline-end:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:#25a35a;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(15,27,48,.2);z-index:60;transition:transform .2s}
.saafi-wa-float:hover{transform:scale(1.06)}
.saafi-wa-float svg{width:28px;height:28px}

a:focus-visible,button:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (max-width:960px){.saafi-species{grid-template-columns:repeat(2,1fr)}}
@media (max-width:781px){
  .saafi-hero{padding-block:40px 48px}
  .saafi-map{max-width:440px;margin-inline:auto}
  .saafi-photos{grid-template-columns:1fr 1fr;grid-template-rows:210px 150px 150px}
  .saafi-photos .wp-block-image:first-child{grid-column:span 2;grid-row:auto}
  .saafi-mk>.wp-block-column{border-inline-start:0!important;padding-inline-start:0!important;border-bottom:1px solid var(--s-line)}
  .saafi-order{padding:36px 24px}
  .saafi-band{padding-block:64px}
  .saafi-state{padding:30px 28px 80px}
}
@media (max-width:420px){.saafi-species{grid-template-columns:1fr}}
.saafi-boat{margin:0 0 48px!important;border-radius:6px;overflow:hidden;aspect-ratio:21/8}
.saafi-boat img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:781px){.saafi-boat{aspect-ratio:16/9}}

/* English page */
.saafi-en{font-family:"IBM Plex Sans","IBM Plex Sans Arabic","Segoe UI",Arial,sans-serif}
.saafi-en h1,.saafi-en h2{font-family:var(--s-latin);font-weight:600;letter-spacing:-.01em}
.saafi-en h3{font-family:"IBM Plex Sans",var(--s-display);font-weight:500}
.saafi-en .saafi-hero-title{font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.1!important}
.saafi-en .saafi-head h2{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.15}
.saafi-en .saafi-order h2{line-height:1.2}
.saafi-en .saafi-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}
.saafi-en .saafi-row a[dir=ltr]{text-align:left}
.saafi-en .saafi-menu .wp-block-navigation-item:last-child a{font-family:"IBM Plex Sans Arabic",sans-serif}

/* Section intros align with the content edge (not floating in the middle) */
.saafi-band>.saafi-head,.saafi-markets>.saafi-head{max-width:var(--wp--style--global--content-size)!important}
.saafi-head>*{max-width:640px}