/*
Theme Name: پتروشیمی آرزو (ARC Petrochemical)
Theme URI: https://waggonads.ir
Author: Claude
Description: قالب اختصاصی وردپرس برای شرکت پتروشیمی آرزو - راست‌چین، فارسی، قابل شخصی‌سازی کامل از طریق شخصی‌ساز وردپرس (Customizer). تمام متن‌ها، تصاویر، دکمه‌ها و بخش‌ها قابل ویرایش هستند.
Version: 1.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: arc-petro
*/

:root{
  --c-green-dark:#0d3b2e;
  --c-green:#0f4a38;
  --c-green-light:#146c4f;
  --c-green-accent:#1c8a63;
  --c-text-dark:#12241f;
  --c-text-gray:#6b7a76;
  --c-bg-light:#f4f8f6;
  --c-white:#ffffff;
  --c-border:#e5eae8;
  --radius:14px;
  --shadow:0 10px 30px rgba(13,59,46,0.08);
  --container:1320px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Vazirmatn","Tahoma",sans-serif;
  color:var(--c-text-dark);
  background:var(--c-white);
  direction:rtl;
  text-align:right;
  line-height:1.9;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{margin:0;padding:0;list-style:none;}
button{font-family:inherit;cursor:pointer;}
.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
.section{padding:70px 0;}
.section-title{font-size:30px;font-weight:800;margin:0 0 10px;}
.section-sub{color:var(--c-text-gray);font-size:16px;margin-bottom:40px;}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 26px;border-radius:10px;font-weight:700;font-size:15px;
  border:1px solid transparent;transition:.25s;white-space:nowrap;
}
.btn-primary{background:var(--c-green);color:#fff;}
.btn-primary:hover{background:var(--c-green-light);}
.btn-outline{background:#fff;border-color:var(--c-border);color:var(--c-text-dark);}
.btn-outline:hover{border-color:var(--c-green);color:var(--c-green);}
.btn-white-outline{background:transparent;border-color:rgba(255,255,255,.35);color:#fff;}
.btn-white-outline:hover{background:rgba(255,255,255,.12);}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--c-border);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;direction:ltr;}
.header-inner > *{direction:rtl;}
.site-branding{display:flex;align-items:center;gap:12px;}
.site-branding img{height:48px;width:auto;}
.site-branding .brand-text{font-size:20px;font-weight:800;color:var(--c-text-dark);}
.site-branding .brand-sub{font-size:12px;color:var(--c-text-gray);font-weight:400;}
.main-navigation{flex:1;}
.main-navigation ul{display:flex;align-items:center;justify-content:center;gap:6px;}
.main-navigation li{position:relative;}
.main-navigation a{display:block;padding:10px 14px;border-radius:8px;font-weight:600;font-size:15px;color:var(--c-text-dark);transition:.2s;}
.main-navigation a:hover{background:var(--c-bg-light);color:var(--c-green);}
.main-navigation .current-menu-item>a{background:var(--c-green);color:#fff;}
.main-navigation .menu-item-has-children > a:after{content:"⌄";margin-inline-start:4px;}
.main-navigation ul ul{position:absolute;top:100%;right:0;background:#fff;min-width:200px;box-shadow:var(--shadow);border-radius:10px;padding:8px;display:none;flex-direction:column;z-index:99;}
.main-navigation li:hover > ul{display:flex;}
.header-cta{display:flex;align-items:center;gap:10px;}
.menu-toggle{display:none;background:none;border:1px solid var(--c-border);border-radius:8px;padding:8px 10px;font-size:20px;}

/* ===== Hero ===== */
.hero{position:relative;color:#fff;overflow:hidden;background:linear-gradient(100deg,#0a2820 0%, #0d3b2e 45%, #143f30 100%);}
.hero-bg-image{position:absolute;inset:0 0 0 auto;width:64%;height:100%;object-fit:cover;object-position:right center;}
.hero-bg-image-wrap{position:absolute;inset:0;}
.hero-fade{position:absolute;inset:0;background:linear-gradient(to left, rgba(10,30,24,0) 30%, rgba(9,26,21,.85) 62%, #0a1c15 78%);}
.hero-inner{position:relative;z-index:2;padding:90px 0 70px;max-width:640px;}
.hero-title{font-size:40px;font-weight:800;line-height:1.5;margin:0 0 22px;}
.hero-divider{width:56px;height:3px;background:var(--c-green-accent);margin:0 0 20px;}
.hero-desc{font-size:16px;color:#dfece6;max-width:460px;margin:0 0 34px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}

/* ===== Category strip ===== */
.cat-strip{margin-top:-46px;position:relative;z-index:5;}
.cat-strip .container{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.cat-item{display:flex;align-items:center;gap:14px;padding:22px 24px;border-inline-end:1px solid var(--c-border);transition:.2s;}
.cat-item:last-child{border-inline-end:none;}
.cat-item:hover{background:var(--c-bg-light);border-radius:10px;}
.cat-icon{flex:none;width:48px;height:48px;border-radius:10px;background:var(--c-bg-light);display:flex;align-items:center;justify-content:center;color:var(--c-green);}
.cat-icon svg{width:24px;height:24px;}
.cat-body{flex:1;}
.cat-title{font-weight:800;font-size:16px;margin:0 0 4px;}
.cat-desc{font-size:13px;color:var(--c-text-gray);margin:0;}
.cat-arrow{flex:none;color:var(--c-text-gray);font-size:18px;}

/* ===== About / why-plant section ===== */
.about-section{padding:80px 0;}
.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center;}
.about-media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.about-media img{width:100%;height:280px;object-fit:cover;}
.about-badge{position:absolute;bottom:16px;right:16px;left:16px;background:linear-gradient(95deg,var(--c-green-dark),var(--c-green));
  color:#fff;border-radius:10px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;}
.about-badge .badge-icon{flex:none;width:34px;height:34px;background:rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.about-badge strong{display:block;font-size:15px;margin-bottom:4px;}
.about-badge span{font-size:12.5px;color:#dbeee5;}

.why-title{font-size:26px;font-weight:800;margin:0 0 30px;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 20px;}
.why-item{text-align:center;}
.why-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--c-bg-light);display:flex;align-items:center;justify-content:center;color:var(--c-green);}
.why-icon svg{width:26px;height:26px;}
.why-item h4{font-size:15px;font-weight:800;margin:0 0 6px;}
.why-item p{font-size:13px;color:var(--c-text-gray);margin:0;}

/* ===== Generic content section (products/pages) ===== */
.page-header{background:var(--c-bg-light);padding:60px 0;text-align:center;}
.page-header h1{font-size:32px;font-weight:800;margin:0;}
.content-area{padding:60px 0;}

/* ===== Footer ===== */
.site-footer{background:var(--c-green-dark);color:#dfece6;padding-top:60px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12);}
.footer-brand img{height:44px;margin-bottom:14px;}
.footer-brand p{font-size:13.5px;color:#b9d3c8;line-height:2;}
.footer-col h5{color:#fff;font-size:15px;font-weight:800;margin:0 0 16px;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul a{font-size:13.5px;color:#b9d3c8;}
.footer-col ul a:hover{color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:13px;color:#9fbdb1;flex-wrap:wrap;gap:10px;}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .cat-item{border-inline-end:none;border-bottom:1px solid var(--c-border);}
  .about-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:782px){
  .main-navigation{position:fixed;inset:64px 0 0 0;background:#fff;transform:translateY(-110%);transition:.3s;overflow:auto;padding:20px;z-index:998;}
  .main-navigation.is-open{transform:translateY(0);}
  .main-navigation ul{flex-direction:column;align-items:stretch;}
  .main-navigation ul ul{position:static;box-shadow:none;display:flex;}
  .menu-toggle{display:block;}
  .hero-bg-image{width:100%;opacity:.35;}
  .hero-fade{background:linear-gradient(to bottom, rgba(9,26,21,.3), #0a1c15 90%);}
  .hero-inner{max-width:100%;padding:50px 0 40px;}
  .hero-title{font-size:28px;}
  .why-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .header-cta .btn span{display:none;}
}