/*
Theme Name: LabelDoor Iran
Theme URI: https://labeldoor.ir
Author: LabelDoor Iran
Description: قالب اختصاصی وردپرس برای نمایندگی رسمی درب‌های اتوماتیک لابل ایتالیا در ایران. طراحی مدرن، ریسپانسیو و راست‌چین.
Version: 1.0.0
Text Domain: labeldoor
*/

:root{
  --ld-green: #1c6b45;
  --ld-green-dark: #124a30;
  --ld-green-light: #e8f3ee;
  --ld-dark: #1b1f1d;
  --ld-gray: #5c6560;
  --ld-light-bg: #f7f8f7;
  --ld-white: #ffffff;
  --ld-radius: 10px;
  --ld-shadow: 0 10px 30px rgba(18,74,48,0.08);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  direction: rtl;
  text-align: right;
  font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
  color: var(--ld-dark);
  background: var(--ld-white);
  margin:0;
  line-height:1.9;
}
img{max-width:100%; height:auto; display:block;}
a{color:inherit; text-decoration:none;}
ul{list-style:none; margin:0; padding:0;}
.container{max-width:1200px; margin:0 auto; padding:0 20px;}
.btn{
  display:inline-block;
  background: var(--ld-green);
  color:#fff;
  padding:12px 28px;
  border-radius: var(--ld-radius);
  font-weight:600;
  transition: .25s;
  border:2px solid var(--ld-green);
}
.btn:hover{background: var(--ld-green-dark); border-color: var(--ld-green-dark); color:#fff;}
.btn-outline{background:transparent; color: var(--ld-green);}
.btn-outline:hover{background: var(--ld-green); color:#fff;}
.section{padding:70px 0;}
.section-title{
  text-align:center; max-width:700px; margin:0 auto 45px;
}
.section-title span{
  color: var(--ld-green); font-weight:700; letter-spacing:1px; font-size:14px;
}
.section-title h2{font-size:32px; margin:8px 0 12px;}
.section-title p{color: var(--ld-gray); font-size:16px;}

/* ===== Top bar ===== */
.ld-topbar{
  background: var(--ld-green-dark); color:#fff; font-size:13px; padding:8px 0;
}
.ld-topbar .container{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;}
.ld-topbar a{color:#fff;}
.ld-topbar .ld-top-links{display:flex; gap:20px; flex-wrap:wrap;}
.ld-topbar i{margin-left:6px;}

/* ===== Header ===== */
.ld-header{
  background:#fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  position: sticky; top:0; z-index:999;
}
.ld-header .container{display:flex; align-items:center; justify-content:space-between; padding-top:14px; padding-bottom:14px;}
.ld-logo img{max-height:56px;}
.ld-logo{font-size:22px; font-weight:800; color: var(--ld-green);}
.ld-logo small{display:block; font-size:12px; font-weight:400; color: var(--ld-gray);}

.ld-nav ul{display:flex; gap:6px; align-items:center;}
.ld-nav > ul > li{position:relative;}
.ld-nav > ul > li > a{
  display:block; padding:12px 14px; font-weight:600; font-size:15px; border-radius:6px;
}
.ld-nav > ul > li:hover > a{color: var(--ld-green); background: var(--ld-green-light);}
.ld-nav ul ul{
  display:none; position:absolute; top:100%; right:0; background:#fff;
  min-width:260px; box-shadow: var(--ld-shadow); border-radius: var(--ld-radius); padding:8px; z-index:50;
}
.ld-nav li:hover > ul{display:block;}
.ld-nav ul ul li a{padding:10px 14px; display:block; border-radius:6px; font-size:14px;}
.ld-nav ul ul li a:hover{background: var(--ld-green-light); color: var(--ld-green);}
.ld-header-cta{display:flex; align-items:center; gap:14px;}
.ld-menu-toggle{display:none; background:none; border:none; font-size:26px; cursor:pointer; color: var(--ld-green);}

/* ===== Hero ===== */
.ld-hero{
  background: linear-gradient(120deg, var(--ld-green-dark), var(--ld-green));
  color:#fff; padding:90px 0; position:relative; overflow:hidden;
}
.ld-hero .container{display:grid; grid-template-columns: 1.1fr .9fr; gap:40px; align-items:center;}
.ld-hero span.badge{
  background: rgba(255,255,255,0.15); padding:6px 16px; border-radius:30px; font-size:13px; display:inline-block; margin-bottom:18px;
}
.ld-hero h1{font-size:40px; line-height:1.5; margin:0 0 18px;}
.ld-hero p{font-size:17px; opacity:.92; margin-bottom:28px; max-width:560px;}
.ld-hero .btn-outline{color:#fff; border-color:#fff;}
.ld-hero .btn-outline:hover{background:#fff; color: var(--ld-green-dark);}
.ld-hero-visual{
  background: rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.25);
  border-radius:20px; padding:30px; backdrop-filter: blur(4px);
}
.ld-hero-visual ul li{display:flex; gap:10px; align-items:center; padding:10px 0; border-bottom:1px dashed rgba(255,255,255,0.25); font-size:15px;}
.ld-hero-visual ul li:last-child{border-bottom:none;}

/* ===== Product Categories ===== */
.ld-cats{display:grid; grid-template-columns: repeat(4,1fr); gap:24px;}
.ld-cats.ld-grid-6{grid-template-columns: repeat(6,1fr);}
.ld-cat-card{
  background: var(--ld-white); border:1px solid #ececec; border-radius: var(--ld-radius);
  padding:28px 22px; text-align:center; transition:.25s;
}
.ld-cat-card:hover{transform: translateY(-6px); box-shadow: var(--ld-shadow); border-color: var(--ld-green);}
.ld-cat-icon{
  width:64px; height:64px; margin:0 auto 18px; background: var(--ld-green-light); border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:28px; color: var(--ld-green);
}
.ld-cat-card h3{font-size:17px; margin:0 0 10px;}
.ld-cat-card p{color: var(--ld-gray); font-size:14px; margin-bottom:16px;}

/* ===== Why us ===== */
.ld-why{background: var(--ld-light-bg);}
.ld-why-grid{display:grid; grid-template-columns: repeat(3,1fr); gap:24px;}
.ld-why-grid.ld-grid-4{grid-template-columns: repeat(4,1fr);}
.ld-why-item{background:#fff; padding:28px; border-radius: var(--ld-radius); box-shadow: var(--ld-shadow);}
.ld-why-item .num{color: var(--ld-green); font-size:26px; font-weight:800; margin-bottom:8px;}

/* ===== About split ===== */
.ld-about{display:grid; grid-template-columns: .9fr 1.1fr; gap:50px; align-items:center;}
.ld-about-img{border-radius:20px; overflow:hidden; box-shadow: var(--ld-shadow); min-height:340px; background: var(--ld-green-light); display:flex; align-items:center; justify-content:center; color:var(--ld-green); font-size:15px; text-align:center; padding:20px;}
.ld-about h2{font-size:30px; margin-top:0;}
.ld-stats{display:flex; gap:30px; margin-top:26px;}
.ld-stats div{text-align:center;}
.ld-stats strong{display:block; font-size:26px; color: var(--ld-green);}

/* ===== Blog / news cards ===== */
.ld-posts{display:grid; grid-template-columns: repeat(3,1fr); gap:24px;}
.ld-post-card{border:1px solid #ececec; border-radius: var(--ld-radius); overflow:hidden; transition:.25s;}
.ld-post-card:hover{box-shadow: var(--ld-shadow); border-color: var(--ld-green);}
.ld-post-thumb{height:180px; background: var(--ld-green-light);}
.ld-post-body{padding:20px;}
.ld-post-body .date{color: var(--ld-green); font-size:12px; font-weight:700;}
.ld-post-body h3{font-size:17px; margin:10px 0;}
.ld-post-body p{color: var(--ld-gray); font-size:14px;}

/* ===== CTA ===== */
.ld-cta{
  background: var(--ld-green); color:#fff; text-align:center; border-radius:20px; padding:50px 30px; margin:0 20px;
}
.ld-cta h2{margin:0 0 12px; font-size:28px;}
.ld-cta .btn{background:#fff; color: var(--ld-green); border-color:#fff;}
.ld-cta .btn:hover{background:transparent; color:#fff;}

/* ===== Contact page ===== */
.ld-contact-grid{display:grid; grid-template-columns: .9fr 1.1fr; gap:40px;}
.ld-contact-info li{display:flex; gap:14px; margin-bottom:22px; align-items:flex-start;}
.ld-contact-info .ic{
  width:44px; height:44px; border-radius:50%; background: var(--ld-green-light); color: var(--ld-green);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.ld-form input, .ld-form textarea{
  width:100%; padding:13px 16px; border:1px solid #ddd; border-radius:8px; margin-bottom:16px; font-family:inherit; font-size:14px;
}
.ld-map{border-radius: var(--ld-radius); overflow:hidden; margin-top:20px; box-shadow: var(--ld-shadow);}
.ld-map iframe{width:100%; height:320px; border:0;}

/* ===== Single product ===== */
.ld-product-hero{display:grid; grid-template-columns: 1fr 1fr; gap:40px; align-items:center;}
.ld-product-gallery{background: var(--ld-green-light); border-radius:20px; min-height:320px; display:flex; align-items:center; justify-content:center; color:var(--ld-green);}
.ld-spec-table{width:100%; border-collapse:collapse; margin-top:20px;}
.ld-spec-table td{padding:12px; border-bottom:1px solid #eee;}
.ld-spec-table td:first-child{color:var(--ld-gray); width:40%;}

/* ===== Footer ===== */
.ld-footer{background: var(--ld-dark); color:#cfd6d1; padding:60px 0 0;}
.ld-footer h4{color:#fff; font-size:16px; margin-bottom:20px;}
.ld-footer-grid{display:grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap:30px;}
.ld-footer a:hover{color: #7fd3a8;}
.ld-footer li{margin-bottom:10px; font-size:14px;}
.ld-footer-bottom{border-top:1px solid rgba(255,255,255,0.1); margin-top:40px; padding:18px 0; text-align:center; font-size:13px;}
.ld-social{display:flex; gap:10px; margin-top:18px;}
.ld-social a{
  width:38px; height:38px; border-radius:50%; background: rgba(255,255,255,0.08);
  display:flex; align-items:center; justify-content:center;
}
.ld-social a:hover{background: var(--ld-green);}

/* ===== Responsive ===== */
@media (max-width: 960px){
  .ld-hero .container, .ld-about, .ld-contact-grid, .ld-product-hero{grid-template-columns:1fr;}
  .ld-cats{grid-template-columns: repeat(2,1fr);}
  .ld-cats.ld-grid-6{grid-template-columns: repeat(3,1fr);}
  .ld-why-grid, .ld-posts{grid-template-columns: repeat(2,1fr);}
  .ld-why-grid.ld-grid-4{grid-template-columns: repeat(2,1fr);}
  .ld-footer-grid{grid-template-columns: repeat(2,1fr);}
  .ld-nav{display:none; position:absolute; top:100%; right:0; left:0; background:#fff; box-shadow: var(--ld-shadow);}
  .ld-nav.open{display:block;}
  .ld-nav > ul{flex-direction:column; padding:10px;}
  .ld-nav ul ul{position:static; box-shadow:none; display:none;}
  .ld-menu-toggle{display:block;}
}
@media (max-width: 600px){
  .ld-cats, .ld-why-grid, .ld-posts, .ld-footer-grid{grid-template-columns: 1fr;}
  .ld-cats.ld-grid-6{grid-template-columns: repeat(2,1fr);}
  .ld-why-grid.ld-grid-4{grid-template-columns: 1fr;}
  .ld-hero h1{font-size:28px;}
}