
/*
Theme Name: Sana Tejarat Koosha Bilingual
Author: OpenAI
Description: قالب اختصاصی دو زبانه فارسی و انگلیسی سانا تجارت کوشا
Version: 1.0.0
Text Domain: sana-tejarat-koosha-bilingual
*/
:root{
  --stk-blue:#064b97;
  --stk-navy:#0b315f;
  --stk-text:#33475b;
  --stk-line:#e1e9f2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--stk-text);font-family:Tahoma,Arial,sans-serif;line-height:1.9}
a{text-decoration:none}
.stk-wrap{max-width:1600px;margin:0 auto;background:#fff}
.stk-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 48px;border-bottom:1px solid var(--stk-line);background:#fff;position:sticky;top:0;z-index:30}
.stk-brand{display:flex;align-items:center;gap:14px;min-width:270px}
.stk-brand img{width:112px;height:58px;object-fit:contain}
.stk-brand strong{display:block;font-size:23px;color:var(--stk-navy);line-height:1.2}
.stk-brand small{display:block;font-size:14px;color:#153f6c;direction:ltr}
.stk-menu{display:flex;align-items:center;gap:30px;white-space:nowrap}
.stk-menu a{color:#26374b;font-size:15px}
.stk-menu a:hover,.stk-menu a.active{color:#075ebc}
.stk-menu a.active{border-bottom:3px solid #1688ea;padding-bottom:8px}
.stk-actions-top{display:flex;align-items:center;gap:10px}
.stk-call{display:inline-flex;align-items:center;gap:7px;background:var(--stk-blue);color:#fff;padding:10px 18px;border-radius:8px;font-weight:700}
.stk-lang{display:inline-flex;border:1px solid #cbd8e6;border-radius:8px;overflow:hidden;background:#fff}
.stk-lang button{border:0;background:#fff;color:#1f3c5f;padding:9px 12px;cursor:pointer;font-weight:700}
.stk-lang button.active{background:#eaf4ff;color:#064b97}
.stk-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:420px;background:linear-gradient(135deg,#eef7ff 0%,#fff 60%,#e7f3ff 100%)}
.stk-hero-image{min-height:420px;background:url('assets/hero.jpg') center/cover no-repeat}
.stk-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 70px;position:relative;overflow:hidden}
.stk-hero-copy:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#d9edff;opacity:.38;left:-120px;top:-100px}
.stk-hero-copy h1{font-size:46px;line-height:1.55;margin:0 0 10px;color:var(--stk-navy);font-weight:800;position:relative;z-index:1}
.stk-hero-copy p{font-size:17px;margin:0 0 26px;position:relative;z-index:1}
.stk-hero-buttons{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.stk-btn,.stk-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border-radius:8px;font-weight:700}
.stk-btn{background:var(--stk-blue);color:#fff}
.stk-btn-outline{background:#fff;color:var(--stk-blue);border:1.5px solid var(--stk-blue)}
.stk-services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px 58px}
.stk-service{display:grid;grid-template-columns:155px 1fr;border:1px solid var(--stk-line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(19,64,112,.08)}
.stk-service-img{min-height:205px;background-size:cover;background-position:center}
.stk-service-body{padding:26px 22px}
.stk-service h3{margin:0 0 10px;color:var(--stk-navy);font-size:20px}
.stk-service p{margin:0;font-size:14px}
.stk-more{display:inline-block;margin-top:12px;color:#0a72cf}
.stk-info{display:grid;grid-template-columns:1.45fr 1fr .82fr;margin:2px 36px 0;border:1px solid var(--stk-line);border-radius:10px 10px 0 0;overflow:hidden}
.stk-why,.stk-about,.stk-contact{padding:24px 28px;background:#fff}
.stk-about,.stk-contact{border-inline-start:1px solid var(--stk-line)}
.stk-section-title{text-align:center;font-size:20px;margin:0 0 18px;color:var(--stk-navy)}
.stk-section-title:after{content:"";display:block;width:58px;height:3px;background:#198aec;margin:8px auto 0}
.stk-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stk-feature{text-align:center}
.stk-icon{width:66px;height:66px;margin:0 auto 8px;border-radius:50%;background:#eef6ff;display:flex;align-items:center;justify-content:center;font-size:29px}
.stk-feature strong{display:block;font-size:15px;color:var(--stk-navy)}
.stk-feature span{display:block;font-size:12.5px;color:#536579}
.stk-about p{font-size:14px;margin:0 0 12px}
.stk-contact h3{margin:-24px -28px 18px;background:var(--stk-blue);color:#fff;text-align:center;padding:11px 15px;font-size:18px}
.stk-contact-row{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #e8eef4;align-items:start}
.stk-contact-row:last-child{border-bottom:0}
.stk-contact-icon{width:34px;height:34px;border-radius:6px;background:#1264af;color:#fff;display:flex;align-items:center;justify-content:center}
.stk-footer{background:var(--stk-blue);color:#fff;text-align:center;padding:11px 20px;font-size:13px}
html[dir="ltr"] .stk-brand small{text-align:left}
@media(max-width:1050px){
 .stk-header{position:static;flex-wrap:wrap;padding:16px 24px}
 .stk-menu{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:20px}
 .stk-hero{grid-template-columns:1fr}
 .stk-hero-image{min-height:320px}
 .stk-hero-copy{padding:38px 28px}
 .stk-hero-copy h1{font-size:36px}
 .stk-services{grid-template-columns:1fr;padding:22px}
 .stk-info{grid-template-columns:1fr;margin:0 20px}
 .stk-about,.stk-contact{border-inline-start:0;border-top:1px solid var(--stk-line)}
}
@media(max-width:650px){
 .stk-brand{min-width:auto}
 .stk-brand img{width:82px}
 .stk-brand strong{font-size:17px}
 .stk-call{display:none}
 .stk-actions-top{margin-inline-start:auto}
 .stk-hero-image{min-height:245px}
 .stk-hero-copy h1{font-size:29px}
 .stk-service{grid-template-columns:110px 1fr}
 .stk-features{grid-template-columns:repeat(2,1fr)}
}
