/*
Theme Name: Raisin Export
Description: Multilingual (EN/AR/TR/DE) raisin export theme, Elementor-ready, RTL-ready. Works with Polylang or WPML.
Version: 2.0.0 (Native Elementor & Polylang Edition)
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: raisin-export
*/
:root{--g:#174D36;--g2:#0F3625;--g3:#256a4b;--gold:#C5A253;--gold2:#a8873a;--cream:#F7F3E3;--cream2:#ece5cc;--ink:#1c2a22;--r:6px;--w:1180px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.0625rem/1.7 'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
[dir=rtl] body,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] button,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:'Cairo',system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--g);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold)}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.15;color:var(--g);margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5vw,3.9rem)}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.3rem}
p{margin:0 0 1em}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px;top:8px;background:var(--gold);color:var(--g2);padding:8px 14px;z-index:999}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.rx-wrap{width:min(100% - 2.5rem,var(--w));margin-inline:auto}
.rx-el{width:100%}
body.rx-lock{overflow:hidden}

/* buttons */
.rx-btn{display:inline-block;background:var(--g);color:var(--cream);padding:.85em 1.7em;border-radius:var(--r);font-weight:600;border:2px solid var(--g);transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-size:1rem;line-height:1.2}
.rx-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--g2)}
.rx-btn-gold{background:var(--gold);border-color:var(--gold);color:var(--g2)}
.rx-btn-gold:hover{background:var(--cream);border-color:var(--cream);color:var(--g)}
.rx-btn-ghost{background:transparent;border-color:rgba(247,243,227,.55);color:var(--cream)}
.rx-btn-ghost:hover{border-color:var(--gold);background:transparent;color:var(--gold)}
.rx-link{font-weight:600;border-bottom:2px solid var(--gold);padding-bottom:2px;color:var(--g)}
.rx-link:hover{color:var(--gold)}

/* header */
.rx-header{position:sticky;top:0;z-index:100}
.rx-topbar{background:var(--g2);color:var(--cream);font-size:.875rem}
.rx-topbar a{color:var(--cream)}.rx-topbar a:hover{color:var(--gold)}
.rx-topbar-in{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:40px}
.rx-topbar-right{display:flex;gap:1.4rem;align-items:center}
.rx-bar{background:var(--cream);border-bottom:1px solid var(--cream2);transition:box-shadow .25s}
.rx-header.is-stuck .rx-bar{box-shadow:0 6px 24px rgba(15,54,37,.12)}
.rx-bar-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:78px}
.rx-logo{display:flex;align-items:center;gap:.7rem;font-family:'Fraunces',serif;font-weight:600;font-size:1.45rem;color:var(--g)}
.rx-logo img{max-height:58px;width:auto}
.rx-logo-mark{width:34px;height:34px;background:var(--g);border-radius:50% 50% 50% 4px;position:relative;flex:none}
.rx-logo-mark::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--gold)}
.rx-logo-light{color:var(--cream)}.rx-logo-light .rx-logo-mark{background:var(--gold)}.rx-logo-light .rx-logo-mark::after{background:var(--g2)}
.rx-nav{display:flex;align-items:center;gap:1.8rem}
.rx-menu{list-style:none;margin:0;padding:0;display:flex;gap:1.7rem;align-items:center}
.rx-menu a{color:var(--g);font-weight:600;padding:.4rem 0;border-bottom:2px solid transparent}
.rx-menu a:hover,.rx-menu .current-menu-item>a,.rx-menu .current_page_item>a{color:var(--gold);border-color:var(--gold)}
.rx-menu li{position:relative}
.rx-menu .sub-menu{position:absolute;inset-inline-start:0;top:100%;list-style:none;margin:0;padding:.5rem 0;background:var(--cream);box-shadow:0 12px 30px rgba(15,54,37,.15);min-width:200px;display:none;border-top:3px solid var(--gold)}
.rx-menu li:hover>.sub-menu{display:block}.rx-menu .sub-menu a{display:block;padding:.5rem 1.1rem;border:0}
.rx-burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.rx-burger span{display:block;width:26px;height:2px;background:var(--g);margin:6px 0;transition:transform .25s,opacity .25s}
.rx-burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.rx-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.rx-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.rx-lang{position:relative}
.rx-lang-btn{background:transparent;border:1px solid rgba(247,243,227,.4);color:var(--cream);border-radius:var(--r);padding:2px 12px;cursor:pointer;font:inherit;font-size:.8125rem}
.rx-lang-btn:hover{border-color:var(--gold);color:var(--gold)}
.rx-lang-list{position:absolute;inset-inline-end:0;top:calc(100% + 8px);list-style:none;margin:0;padding:.4rem 0;background:var(--cream);border-top:3px solid var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.2);min-width:140px;display:none;z-index:5}
.rx-lang.is-open .rx-lang-list{display:block}
.rx-lang-list a{display:block;padding:.45rem 1rem;color:var(--g)}.rx-lang-list a:hover{color:var(--gold)}
.rx-lang-list a[aria-current]{font-weight:700}
.rx-lang-note{font-size:.75rem;opacity:.7}

/* hero */
.rx-hero{background:var(--g);color:var(--cream);padding:clamp(3rem,7vw,6rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}
.rx-hero::before{content:"";position:absolute;inset-inline-end:-12%;top:-30%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(197,162,83,.22),transparent 65%)}
.rx-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,5rem);align-items:center;position:relative}
.rx-hero h1{color:var(--cream);max-width:14ch}
.rx-hero p{max-width:52ch;color:rgba(247,243,227,.86);font-size:1.15rem}
.rx-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.rx-hero-fig{margin:0;position:relative}
.rx-hero-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 14px 14px;border:6px solid var(--gold)}
.rx-hero-fig figcaption{position:absolute;inset-inline-start:-1.5rem;bottom:2rem;background:var(--cream);color:var(--g);padding:.8rem 1.1rem;border-radius:var(--r);font-weight:600;font-size:.95rem;max-width:230px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.rx-stats{background:var(--cream2);border-bottom:1px solid #ded4b4}
.rx-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-block:2rem}
.rx-stats-in div{display:flex;flex-direction:column;border-inline-start:3px solid var(--gold);padding-inline-start:1rem}
.rx-stats-in strong{font-family:'Fraunces',serif;font-size:2rem;color:var(--g);line-height:1.1}
.rx-stats-in span{font-size:.95rem;opacity:.85}

/* sections */
.rx-section{padding:clamp(3rem,6vw,5.5rem) 0}
.rx-tight{padding-top:0}
.rx-section-dark{background:var(--g);color:var(--cream)}
.rx-section-dark h2,.rx-section-dark h3{color:var(--cream)}
.rx-head{max-width:640px;margin-bottom:2.5rem}
.rx-head p{opacity:.8}
.rx-pagehero{background:var(--g);color:var(--cream);padding:clamp(2.5rem,5vw,4.5rem) 0;border-bottom:4px solid var(--gold)}
.rx-pagehero h1{color:var(--cream);margin:0;font-size:clamp(2rem,4vw,3.2rem)}
.rx-pagehero p{margin:.8rem 0 0;max-width:60ch;color:rgba(247,243,227,.82)}
.rx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.rx-card{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--cream2);transition:border-color .2s,transform .2s}
.rx-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.rx-card-img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--cream2)}
.rx-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rx-card:hover .rx-card-img img{transform:scale(1.05)}
.rx-ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--g),var(--g3))}
.rx-card-body{padding:1.3rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:.2rem;flex:1}
.rx-card-body h3 a{color:var(--g)}.rx-card-body h3 a:hover{color:var(--gold)}
.rx-card-body p{opacity:.8;font-size:.97rem;flex:1}
.rx-card-body time{font-size:.85rem;opacity:.65}
.rx-card-body .rx-link{align-self:flex-start}
.rx-section-dark .rx-card{background:var(--g2);border-color:rgba(247,243,227,.12)}
.rx-section-dark .rx-card h3 a{color:var(--cream)}.rx-section-dark .rx-card-body .rx-link{color:var(--cream)}
.rx-why{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.rx-why div{border-top:2px solid var(--gold);padding-top:1.2rem}
.rx-why p{color:rgba(247,243,227,.8);margin:0}
.rx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:s}
.rx-steps li{counter-increment:s;position:relative;padding-top:3.2rem}
.rx-steps li::before{content:counter(s);position:absolute;top:0;inset-inline-start:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--gold);color:var(--g2);display:grid;place-items:center;font-weight:700}
.rx-steps li::after{content:"";position:absolute;top:1.2rem;inset-inline-start:3rem;inset-inline-end:-1rem;border-top:2px dashed var(--gold)}
.rx-steps li:last-child::after{display:none}
.rx-cta{background:var(--gold);padding:3rem 0}
.rx-cta-in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.rx-cta h2{color:var(--g2);margin:0 0 .3rem}.rx-cta p{margin:0;color:var(--g2)}
.rx-cta .rx-btn-gold{background:var(--g);border-color:var(--g);color:var(--cream)}
.rx-cta .rx-btn-gold:hover{background:var(--cream);border-color:var(--cream);color:var(--g)}

/* inner pages */
.rx-prose{max-width:820px}.rx-narrow{max-width:760px}
.rx-prose h2,.rx-prose h3{margin-top:1.6em}
.rx-prose img{border-radius:var(--r)}
.rx-post-img{margin-bottom:2rem;border-radius:var(--r);width:100%}
.rx-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.rx-about-img img{border-radius:999px 999px 14px 14px;border:6px solid var(--gold);aspect-ratio:4/5;object-fit:cover;width:100%}
.rx-mv{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}
.rx-mv div{background:#fff;border-inline-start:4px solid var(--gold);padding:1.2rem 1.4rem;border-radius:var(--r)}
.rx-product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.rx-product-img img{width:100%;border-radius:var(--r);border:6px solid #fff;box-shadow:0 20px 50px rgba(15,54,37,.15)}
.rx-lead{font-size:1.2rem}
.rx-spec{width:100%;border-collapse:collapse;margin:0 0 2rem}
.rx-spec th,.rx-spec td{text-align:start;padding:.75rem 0;border-bottom:1px solid var(--cream2);vertical-align:top}
.rx-spec th{color:var(--g);width:40%;font-weight:600}
.rx-contact{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(2rem,5vw,4rem)}
.rx-form label{display:block;margin-bottom:1.2rem;font-weight:600;color:var(--g)}
.rx-form input,.rx-form textarea{display:block;width:100%;margin-top:.35rem;padding:.8rem 1rem;border:1px solid #cfc6a6;border-radius:var(--r);background:#fff;font:inherit;color:var(--ink)}
.rx-form input:focus,.rx-form textarea:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px rgba(197,162,83,.3)}
.rx-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.rx-hp{position:absolute!important;left:-9999px}
.rx-note{padding:.9rem 1.1rem;border-radius:var(--r);margin-bottom:1.4rem;font-weight:600}
.rx-ok{background:#dcebdd;color:var(--g)}.rx-err{background:#f3dcd6;color:#7a2a1a}
.rx-info{background:var(--g);color:var(--cream);padding:2rem;border-radius:var(--r);align-self:start}
.rx-info h3{color:var(--gold);font-size:1.05rem;margin-bottom:.2rem}.rx-info p{margin-bottom:1.2rem}.rx-info a{color:var(--cream)}.rx-info a:hover{color:var(--gold)}
.rx-center{text-align:center}
.rx-empty{text-align:center;opacity:.7}
.rx-pager{margin-top:3rem;text-align:center}
.rx-pager .nav-links{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.rx-pager .page-numbers{padding:.45rem .95rem;border:1px solid var(--g);border-radius:var(--r);color:var(--g)}
.rx-pager .page-numbers.current,.rx-pager .page-numbers:hover{background:var(--gold);border-color:var(--gold);color:var(--g2)}

/* footer */
.rx-footer{background:var(--g2);color:rgba(247,243,227,.82)}
.rx-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:3rem;padding-block:4rem 3rem}
.rx-footer h4{color:var(--gold);font-size:1.1rem}
.rx-footer a{color:rgba(247,243,227,.82)}.rx-footer a:hover{color:var(--gold)}
.rx-footer .rx-menu{flex-direction:column;align-items:flex-start;gap:.5rem}
.rx-footer .rx-menu a{font-weight:400;color:rgba(247,243,227,.82);border:0}
.rx-footer .rx-menu a:hover{color:var(--gold)}
.rx-footer-desc{margin-top:1rem;max-width:36ch}
.rx-contact-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.rx-footer-bottom{border-top:1px solid rgba(247,243,227,.14);padding:1.2rem 0;font-size:.9rem}

/* responsive */
@media(max-width:1024px){
	.rx-grid{grid-template-columns:repeat(2,1fr)}
	.rx-why,.rx-steps{grid-template-columns:repeat(2,1fr)}.rx-steps li::after{display:none}
	.rx-stats-in{grid-template-columns:repeat(2,1fr)}
	.rx-hero-in{grid-template-columns:1fr}.rx-hero-fig{max-width:420px}
	.rx-hero-fig figcaption{inset-inline-start:1rem}
	.rx-about,.rx-product,.rx-contact{grid-template-columns:1fr}
	.rx-burger{display:block}
	.rx-nav{position:fixed;inset:118px 0 0 0;background:var(--cream);flex-direction:column;align-items:stretch;padding:1.5rem 1.5rem 3rem;gap:1.5rem;overflow-y:auto;transform:translateX(100%);transition:transform .3s;visibility:hidden}
	[dir=rtl] .rx-nav{transform:translateX(-100%)}
	.rx-nav.is-open{transform:none;visibility:visible}
	.rx-menu{flex-direction:column;align-items:stretch;gap:0}
	.rx-menu a{display:block;padding:.9rem 0;border-bottom:1px solid var(--cream2);font-size:1.15rem}
	.rx-menu .sub-menu{position:static;display:block;box-shadow:none;border:0;padding-inline-start:1rem;background:transparent}
	.rx-nav-cta{text-align:center}
}
@media(max-width:640px){
	.rx-grid,.rx-why,.rx-steps,.rx-mv,.rx-row,.rx-footer-grid{grid-template-columns:1fr}
	.rx-topbar-msg,.rx-topbar-right a:nth-of-type(2){display:none}
	.rx-topbar-in{justify-content:flex-end}
	.rx-nav{inset:118px 0 0 0}
	.rx-cta-in{flex-direction:column;align-items:flex-start}
	.rx-hero-fig figcaption{position:static;margin-top:-1.2rem;margin-inline:1rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Ensure Elementor widgets & headings respect Gold #C5A253 hover and RTL/LTR */
.elementor-heading-title a:hover, h1:hover, h2:hover, h3:hover { color: var(--gold) !important; transition: color .2s ease; }
