/*
Theme Name: جولد كلين - تصميم إتقان
Author: OpenAI
Description: قالب ووردبريس عربي خفيف لشركة جولد كلين مع نتائج تنظيف حقيقية قبل وبعد.
Version: 3.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gold-clean-itqan
*/

@font-face{font-family:Cairo;src:url('assets/fonts/cairo-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('assets/fonts/cairo-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('assets/fonts/cairo-extrabold.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0b1d3a;--navy2:#0d2347;--blue-mid:#1a3a6b;--gold:#c8922a;--gold-light:#f0c055;--gold-shine:#ffe080;--white:#fff;--bg-page:#f5f7fa;--text-dark:#1a2a3a;--text-mid:#4a5a6a;--border:#e0e8f0}
html{scrollbar-width:thin;scrollbar-color:var(--gold) #ccc;scroll-behavior:smooth}
body{font-family:Cairo,Tahoma,Arial,sans-serif;background:var(--bg-page);color:var(--text-dark);min-height:100vh;direction:rtl}
a{text-decoration:none}.site-card{max-width:480px;margin:0 auto;background:var(--white);box-shadow:0 8px 40px rgba(0,0,0,.12);overflow:hidden;min-height:100vh}
.top-section{background:linear-gradient(160deg,var(--navy2) 0%,#071529 100%);position:relative;overflow:hidden;padding-bottom:28px}
.top-section::before{content:'';display:block;height:5px;background:linear-gradient(90deg,var(--gold),var(--gold-shine),var(--gold))}
.top-section::after{content:'';position:absolute;top:-60px;left:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(200,146,42,.1),transparent 70%);pointer-events:none}
.brand-header{text-align:center;padding:32px 20px 16px;position:relative;z-index:1}.logo-wrap{display:inline-block;margin-bottom:10px}.logo-svg{width:120px;height:120px;filter:drop-shadow(0 4px 20px rgba(200,146,42,.6))}.brand-name{font-size:2.5rem;font-weight:900;color:#fff;line-height:1.1;text-shadow:0 2px 14px rgba(200,146,42,.35)}
.brand-sub{font-size:1.1rem;font-weight:600;color:var(--gold-light);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px}.brand-sub::before,.brand-sub::after{content:'';flex:1;max-width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.brand-sub::after{background:linear-gradient(90deg,var(--gold),transparent)}
.stars{display:flex;justify-content:center;gap:5px;margin-top:10px}.star{color:var(--gold-light);font-size:1rem}.offer-banner{margin:8px 16px 0;background:linear-gradient(135deg,var(--gold),#e8a830 50%,var(--gold));border-radius:14px;padding:14px 20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 6px 24px rgba(200,146,42,.45);z-index:1}.offer-banner::before,.offer-banner::after{content:'✦';position:absolute;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.18);font-size:1.4rem}.offer-banner::before{left:14px}.offer-banner::after{right:14px}.offer-text{font-size:.95rem;font-weight:700;color:var(--navy)}.offer-price{font-size:1.3rem;font-weight:900;color:var(--navy);margin-top:3px}
.bottom-section{background:#fff}.sec-divider{display:flex;align-items:center;gap:10px;padding:22px 20px 8px}.sec-divider span{font-size:1rem;font-weight:800;color:var(--navy);white-space:nowrap}.sec-divider::before,.sec-divider::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.sec-divider::before{background:linear-gradient(90deg,transparent,var(--gold))}
.comparison{padding:4px 16px 8px}.results-gallery{display:grid;gap:12px}.comparison-frame{position:relative;border-radius:16px;overflow:hidden;border:2px solid var(--border);box-shadow:0 4px 18px rgba(11,29,58,.13);background:#eee}.comparison-frame img{display:block;width:100%;height:auto;aspect-ratio:1.65/1;object-fit:cover}.comparison-frame.tall img{aspect-ratio:1.35/1;object-position:center 56%}.result-title{position:absolute;right:10px;bottom:10px;background:rgba(11,29,58,.9);color:#fff;font-size:.72rem;font-weight:900;padding:6px 12px;border-radius:10px}.compare-caption{text-align:center;color:var(--text-mid);font-size:.72rem;padding:8px 8px 0;font-weight:700}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 16px 8px}.service-card{background:#fff;border:2px solid var(--border);border-radius:16px;padding:18px 8px 14px;text-align:center;transition:.2s;box-shadow:0 2px 10px rgba(0,0,0,.06)}.service-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 8px 24px rgba(200,146,42,.2)}.service-icon{font-size:2.8rem;display:block;margin-bottom:8px}.service-name{font-size:.74rem;font-weight:800;color:var(--navy);line-height:1.35}
.features{display:flex;gap:10px;padding:4px 16px 8px}.feature-item{flex:1;background:linear-gradient(135deg,#f0f6ff,#e8f0fc);border:1.5px solid #d0dff5;border-radius:14px;padding:14px 8px;text-align:center}.feature-icon{font-size:1.7rem;display:block;margin-bottom:6px}.feature-text{font-size:.7rem;font-weight:700;color:var(--text-mid);line-height:1.4}.feature-text strong{display:block;color:var(--navy);font-size:.76rem;margin-bottom:2px}
.ratings-row{display:flex;gap:10px;padding:4px 16px 8px}.rating-box{flex:1;background:linear-gradient(135deg,var(--navy2),var(--blue-mid));border-radius:14px;padding:14px 10px;text-align:center;color:#fff}.rating-num{font-size:1.6rem;font-weight:900;color:var(--gold-light);line-height:1}.rating-label{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.8);margin-top:4px}
.contact-section{padding:6px 16px 20px}.contact-number{text-align:center;font-size:1.7rem;font-weight:900;color:var(--navy);letter-spacing:2px;direction:ltr;margin-bottom:4px}.contact-note{text-align:center;font-size:.78rem;color:var(--text-mid);margin-bottom:16px}.cta-buttons{display:flex;gap:10px}.btn-wa,.btn-call{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Cairo,sans-serif;font-weight:800;border-radius:14px;padding:15px 10px;transition:.2s}.btn-wa{flex:2;background:linear-gradient(135deg,#1db954,#15a044);color:#fff;font-size:1.05rem;box-shadow:0 4px 18px rgba(29,185,84,.4)}.btn-call{flex:1;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy);font-size:.95rem;box-shadow:0 4px 18px rgba(200,146,42,.4)}.btn-wa:hover,.btn-call:hover{transform:translateY(-2px)}
.whatsapp-float{position:fixed;bottom:22px;width:168px;height:58px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#25d366,#1ab755);color:#fff;font-family:Cairo,Tahoma,sans-serif;font-size:1rem;font-weight:900;box-shadow:0 5px 20px rgba(37,211,102,.48);border:2px solid rgba(255,255,255,.85);z-index:999;animation:pulse-wa 2.2s infinite}.whatsapp-float svg{flex:0 0 auto}.whatsapp-left{left:16px}.whatsapp-right{right:16px}.whatsapp-float:hover{transform:translateY(-3px)}
.whatsapp-float.call-float{background:linear-gradient(135deg,#1a8cff,#0060e6);box-shadow:0 4px 18px rgba(26,140,255,.55);animation:none}
@keyframes pulse-wa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.footer{background:var(--navy);padding:18px 16px 16px;text-align:center}.copyright{font-size:.72rem;color:rgba(255,255,255,.55)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* تصميم سطح المكتب - عريض ومستقل عن تخطيط الهاتف */
@media(min-width:900px){
  body{background:#eef2f7}
  .site-card{max-width:none;width:100%;box-shadow:none;overflow:visible}
  .top-section{min-height:540px;display:grid;grid-template-columns:minmax(420px,560px) minmax(420px,560px);align-items:center;justify-content:center;gap:70px;padding:60px max(40px,calc((100vw - 1240px)/2)) 55px}
  .top-section::before{position:absolute;top:0;right:0;left:0;height:7px}
  .top-section::after{width:520px;height:520px;top:-180px;left:-120px}
  .brand-header{padding:20px;justify-self:end;width:100%}
  .logo-svg{width:145px;height:145px}
  .brand-name{font-size:3.45rem}
  .brand-sub{font-size:1.35rem}
  .brand-sub::before,.brand-sub::after{max-width:95px}
  .stars{margin-top:14px}.star{font-size:1.2rem}
  .offer-banner{width:100%;max-width:540px;margin:0;justify-self:start;padding:30px 28px;border-radius:24px}
  .offer-text{font-size:1.15rem}.offer-price{font-size:1.75rem;margin-top:7px}
  .bottom-section{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:30px 0 50px}
  .sec-divider{padding:42px 10px 22px}.sec-divider span{font-size:1.45rem}.sec-divider::before,.sec-divider::after{height:3px}
  .comparison{padding:0 10px 15px}.results-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
  .comparison-frame,.comparison-frame.tall{border-radius:22px}.comparison-frame img,.comparison-frame.tall img{height:360px;aspect-ratio:auto;object-fit:cover}.comparison-frame.tall img{object-position:center 55%}
  .result-title{right:16px;bottom:16px;font-size:.92rem;padding:9px 15px;border-radius:12px}.compare-caption{font-size:1rem;padding-top:18px}
  .services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0 10px 10px}.service-card{min-height:210px;padding:30px 12px 24px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.service-icon{font-size:3.35rem}.service-name{font-size:1rem}
  .features{gap:18px;padding:0 10px 10px}.feature-item{padding:26px 16px;border-radius:20px}.feature-icon{font-size:2.35rem}.feature-text{font-size:.92rem}.feature-text strong{font-size:1.05rem}
  .ratings-row{gap:18px;padding:0 10px 10px}.rating-box{padding:25px 16px;border-radius:20px}.rating-num{font-size:2.2rem}.rating-label{font-size:.9rem}
  .contact-section{max-width:850px;margin:0 auto;padding:8px 10px 30px}.contact-number{font-size:2.45rem}.contact-note{font-size:1rem}.cta-buttons{gap:16px}.btn-wa,.btn-call{min-height:68px;font-size:1.2rem;border-radius:18px}
  .footer{margin-inline:calc(50% - 50vw);padding:25px 20px 90px}.copyright{font-size:.9rem}
  .whatsapp-float{bottom:24px;width:190px;height:62px;font-size:1.08rem}.whatsapp-left{left:28px}.whatsapp-right{right:28px}
}

/* تصميم الهاتف - يحتفظ بالشكل العمودي الأصلي */
@media(max-width:899px){
  .site-card{max-width:480px}
}
@media(max-width:520px){.site-card{max-width:none}.brand-name{font-size:2.25rem}.whatsapp-float{width:calc(50% - 16px);height:56px;bottom:10px;border-radius:10px;font-size:.95rem}.whatsapp-left{left:8px}.whatsapp-right{right:8px}.comparison-frame img{aspect-ratio:1.5/1}.comparison-frame.tall img{aspect-ratio:1.2/1}}