/*
Theme Name: Fani Sahi Kuwait
Theme URI: https://sham-app.com
Author: Sham App
Description: قالب عربي مخصص محول من تصميم موقع فني صحي الكويت القديم.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: faniysahi
*/

:root { --primary:#35a3ad; --blue:#1840dc; --teal:#38b2ac; --dark:#10233f; }
html { scroll-behavior:smooth; }
body { font-family:'Cairo',sans-serif; padding-top:100px; direction:rtl; text-align:right; color:#263238; background:#fff; }
a { transition:.25s ease; }
.site-header .navbar { min-height:100px; }
.site-logo,.custom-logo { width:200px; height:88px; object-fit:contain; }
.navbar-light .navbar-nav .nav-link { color:rgba(10,0,0,.79); font-weight:700; }
.navbar-toggler { margin-right:auto; }
.btn-primary { background:var(--primary)!important; border-color:var(--primary)!important; font-weight:700; }
.hero { min-height:calc(90vh - 100px); background:linear-gradient(120deg,var(--blue),var(--teal)); color:#fff; }
.hero-title { font-size:40px; line-height:1.5; font-weight:700; animation:fadeInUp 1s; }
.hero-text { margin-top:15px; font-size:18px; animation:fadeInUp 1.5s; }
.hero-img { width:100%; border-radius:20px; animation:fadeIn 2s; }
.services-pro,.why-us { padding:75px 0; background:#f7fafc; }
.section-title { font-size:34px; font-weight:700; color:var(--dark); margin-bottom:10px; }
.section-desc { color:#687782; margin-bottom:40px; }
.service-card { overflow:hidden; height:100%; background:#fff; border-radius:15px; box-shadow:0 8px 30px rgba(16,35,63,.08); transition:.3s; }
.service-card:hover { transform:translateY(-8px); box-shadow:0 14px 35px rgba(16,35,63,.15); }
.service-card img { width:100%; height:245px; object-fit:cover; }
.service-card h3 { padding:22px 15px; margin:0; font-size:20px; font-weight:700; }
.about { padding:75px 0; }
.about-img { width:100%; border-radius:20px; }
.about h2 { font-weight:700; margin-bottom:20px; }
.about p { font-size:17px; line-height:2; }
.why-us { background:#fff; }
.why-box { height:100%; padding:30px 20px; border-radius:15px; background:#f8fbfc; transition:.3s; }
.why-box:hover { transform:translateY(-7px); }
.why-box .icon { display:flex; align-items:center; justify-content:center; width:72px; height:72px; margin:0 auto 20px; border-radius:50%; color:#fff; background:linear-gradient(135deg,var(--blue),var(--teal)); font-size:28px; }
.why-box h5 { font-weight:700; }
.contact-section { padding:75px 0; background:linear-gradient(120deg,#e9f8f8,#f6fbff); }
.contact-info h1 { font-weight:700; }
.info-box { display:flex; align-items:center; gap:12px; margin-top:22px; font-size:18px; }
.info-box h3 { margin:0; font-weight:700; }
.contact-form { padding:28px; background:#fff; border-radius:18px; box-shadow:0 10px 35px rgba(16,35,63,.1); }
.contact-form input,.contact-form textarea { width:100%; margin-bottom:14px; padding:13px 15px; border:1px solid #dce4e8; border-radius:8px; font-family:inherit; }
.contact-form textarea { min-height:120px; resize:vertical; }
.contact-form button { width:100%; padding:13px; border:0; border-radius:8px; background:var(--primary); color:#fff; font-weight:700; }
.floating-buttons { position:fixed; z-index:1000; bottom:22px; left:22px; display:flex; flex-direction:column; gap:12px; }
.floating-buttons a { display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:50%; color:#fff; box-shadow:0 5px 18px rgba(0,0,0,.25); font-size:22px; }
.call-btn { background:#2878d0; }.whatsapp-btn { background:#25d366; }
.main-footer { padding-top:55px; color:#eef7ff; background:#10233f; }
.footer-logo { width:200px; height:auto; }
.main-footer h5 { font-weight:700; color:#fff; }
.main-footer ul { list-style:none; padding:0; }
.main-footer a { color:#eef7ff; }.main-footer a:hover { color:#68d4d9; text-decoration:none; }
.footer-bottom { padding:18px; margin-top:30px; background:rgba(0,0,0,.18); }.footer-bottom p { margin:0; }
.blog-hero,.article-hero { min-height:310px; background:linear-gradient(120deg,var(--blue),var(--teal)); color:#fff; }
.blog-title,.article-title { font-weight:700; line-height:1.55; }
.blog-section { padding:70px 0; background:#f6f8fa; }
.blog-card { display:block; overflow:hidden; height:100%; color:#263238; background:#fff; border-radius:15px; box-shadow:0 7px 25px rgba(16,35,63,.09); }
.blog-card:hover { color:#263238; text-decoration:none; transform:translateY(-6px); box-shadow:0 13px 32px rgba(16,35,63,.15); }
.blog-card img { width:100%; height:210px; object-fit:cover; }
.blog-card .content { padding:20px; }.blog-card h2 { font-size:19px; line-height:1.7; font-weight:700; }
.blog-card p { color:#667680; line-height:1.8; }.blog-card span { color:var(--primary); font-weight:700; }
.article-section { padding:65px 0; }.article-wrap { max-width:930px; margin:auto; }
.article-featured { width:100%; max-height:520px; margin-bottom:30px; object-fit:cover; border-radius:16px; }
.article-content { font-size:17px; line-height:2; }.article-content h2 { margin:38px 0 15px; font-size:28px; font-weight:700; color:var(--dark); }
.article-content h3 { margin:28px 0 12px; font-size:22px; font-weight:700; }.article-content img { max-width:100%; height:auto; border-radius:12px; }
.article-content ul,.article-content ol { padding-right:25px; }.article-content a { color:#147e8a; text-decoration:underline; }
.pagination { justify-content:center; margin-top:35px; }.pagination .page-numbers { padding:9px 14px; margin:3px; border-radius:7px; background:#fff; color:var(--dark); }
.pagination .current { color:#fff; background:var(--primary); }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@keyframes fadeInUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@media (min-width:992px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right:1.6rem; padding-left:.5rem; } }
@media (max-width:991px) { body{padding-top:88px}.site-header .navbar{min-height:88px}.site-logo{height:76px;width:170px}.navbar-collapse{padding:12px 0}.navbar .btn{margin:10px 0!important}.hero{padding:55px 0}.hero-title{font-size:31px}.hero-img{margin-top:25px}.service-card img{height:220px} }
@media (max-width:576px) { .hero-title{font-size:27px}.section-title{font-size:28px}.blog-title,.article-title{font-size:28px}.article-content{font-size:16px}.article-content h2{font-size:24px}.floating-buttons{left:14px;bottom:14px} }