/*
Theme Name: Leinyan Info
Theme URI: https://leinyan.co.il
Author: Lucid Bubble
Description: RTL Hebrew site for renovation pricing guides, service pages, city pages and articles. Full-width, built to IS 5568 AA.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: leinyan
Tags: rtl-language-support, custom-menu, translation-ready, full-width-template
*/

:root{--ink:#15181d;--mid:#4a5260;--mut:#5f6875;--line:#e2e6ec;--line2:#f0f2f6;
--bg:#f7f8f9;--pn:#fff;--acc:#0b5f52;--acc2:#08473e;--warm:#8a4d16;--focus:#0b5f52;
--btn-ink:#fff;--onacc:#fff}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);direction:rtl;text-align:right;
font:17px/1.8 "Heebo","Assistant",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible
{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}
.skip{position:absolute;right:-9999px;top:0;background:var(--acc);color:#fff;padding:10px 18px;z-index:100}
.skip:focus{right:12px;top:12px}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px}
header{background:var(--pn);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hrow{display:flex;align-items:center;gap:24px;padding:14px 0;flex-wrap:nowrap}
.logo{flex:0 0 auto;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.logo span{color:var(--acc)}
nav.main{flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
nav.main::-webkit-scrollbar{height:0}
nav.main ul{display:flex;gap:2px;list-style:none;flex-wrap:nowrap;justify-content:flex-start;margin:0;padding:0}
nav.main li{list-style:none;margin:0}
nav.main a{display:block;padding:7px 11px;border-radius:7px;font-size:14.5px;color:var(--mid);font-weight:500}
nav.main a:hover{background:var(--line2);color:var(--ink);text-decoration:none}
nav.main a[aria-current=page]{background:#e8f4f1;color:var(--acc);font-weight:700}
.tel{background:var(--acc);color:var(--btn-ink)!important;border:2px solid var(--acc);padding:9px 17px;border-radius:8px;font-weight:700;font-size:15px;white-space:nowrap}
.tel:hover{background:var(--acc2);text-decoration:none}
.crumb{font-size:13px;color:var(--mut);padding:14px 0 0}
.crumb a{color:var(--mut)}
.hero{background:linear-gradient(160deg,#e9f2f0 0%,#f6f4ee 55%,#fff 100%);border-bottom:1px solid var(--line);padding:72px 0 64px}
h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.15;max-width:20ch}
.lede{font-size:19.5px;color:var(--mid);margin-top:18px;max-width:68ch;line-height:1.7}
.cta-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.btn{background:var(--acc);color:var(--btn-ink)!important;border:2px solid var(--acc);padding:12px 24px;border-radius:9px;font-weight:700;font-size:15.5px;border:0;cursor:pointer;display:inline-block}
.btn:hover{background:var(--acc2);text-decoration:none}
.btn.alt{background:#fff;color:var(--acc)!important;border:2px solid var(--acc)}
.btn.alt:hover{background:#e6f0ee;color:var(--acc2)!important}
.btn.alt:hover{background:#e8f4f1}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:11px;margin:26px 0}
.tc{background:var(--pn);border:1px solid var(--line);border-radius:11px;padding:15px 16px}
.tc b{display:block;font-size:14.5px;margin-bottom:4px;color:var(--acc)}
.tc span{font-size:13.5px;color:var(--mid);line-height:1.6}
main{padding:34px 0 60px}
h2{font-size:clamp(24px,3vw,32px);font-weight:750;letter-spacing:-.022em;margin:40px 0 12px;line-height:1.35}
h2:first-child{margin-top:0}
h3{font-size:18.5px;font-weight:700;margin:26px 0 9px}
h4{font-size:16.5px;font-weight:700;margin:20px 0 7px;color:var(--mid)}
p{margin:0 0 15px;max-width:80ch}
ul,ol{margin:0 0 17px;padding-right:22px;max-width:80ch}
li{margin-bottom:7px}
strong{font-weight:700}
code{background:#f2f5f8;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:13px;font-family:ui-monospace,Menlo,monospace;direction:ltr;display:inline-block}
.ph{background:#fff5e8;border:1px dashed var(--warm);color:#a35a10;border-radius:5px;padding:1px 7px;font-size:12.5px;font-weight:700;direction:ltr;display:inline-block}
.tw{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:11px;background:var(--pn)}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:480px}
th{background:#f7f9fa;text-align:right;padding:11px 14px;font-weight:700;font-size:13.5px;border-bottom:1px solid var(--line)}
td{padding:11px 14px;border-top:1px solid var(--line2);vertical-align:top}
.faq{margin-top:16px}
details{background:var(--pn);border:1px solid var(--line);border-radius:11px;margin-bottom:9px;overflow:hidden}
summary{padding:15px 17px;font-weight:650;cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--acc);font-weight:800;font-size:21px;flex:0 0 auto}
details[open] summary::after{content:"\2212"}
details .a{padding:0 17px 16px;color:var(--mid);font-size:15.5px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:20px 0}
.gi{aspect-ratio:4/3;border-radius:11px;border:1px solid var(--line);position:relative;overflow:hidden;
display:flex;align-items:flex-end;padding:13px;background:linear-gradient(135deg,#e8efee,#f4f0e9)}
.gi:nth-child(2n){background:linear-gradient(135deg,#eef1f4,#e9efee)}
.gi:nth-child(3n){background:linear-gradient(135deg,#f2ede6,#e9eeed)}
.gi b{font-size:14px;font-weight:700;color:var(--ink);position:relative;z-index:2}
.gi .tag{position:absolute;top:11px;left:11px;background:rgba(21,24,29,.82);color:#fff;font-size:11px;
font-weight:700;padding:3px 9px;border-radius:20px;z-index:2}
.box{background:var(--pn);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:22px 0}
.box.warn{background:#fff9f2;border-color:#f0dcc2}
.cta-block{background:var(--pn);border:1.5px solid var(--acc);border-radius:14px;padding:26px;margin:38px 0 0}
.cta-block h2{margin-top:0}
form{display:grid;gap:13px;max-width:520px;margin-top:18px}
.fg{display:flex;flex-direction:column;gap:5px}
label{font-size:14.5px;font-weight:650}
label .req{color:#c0392b}
input,select,textarea{font:inherit;font-size:15.5px;padding:11px 13px;border:1.5px solid var(--line);
border-radius:9px;background:#fff;color:var(--ink);width:100%;font-family:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--acc)}
textarea{min-height:100px;resize:vertical}
.hint{font-size:13px;color:var(--mut)}
.chk{display:flex;gap:9px;align-items:flex-start}
.chk input{width:auto;margin-top:4px;flex:0 0 auto}
.chk label{font-weight:400;font-size:14px;color:var(--mid)}
.citygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;margin:18px 0}
.cl{background:var(--pn);border:1px solid var(--line);border-radius:10px;padding:13px 15px;display:block}
.cl:hover{border-color:var(--acc);text-decoration:none}
.cl b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:2px}
.cl span{font-size:13px;color:var(--mut)}
.svcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:20px 0}
.sv{background:var(--pn);border:1px solid var(--line);border-radius:12px;padding:18px 19px;display:block}
.sv:hover{border-color:var(--acc);text-decoration:none}
.sv b{display:block;font-size:17px;color:var(--ink);margin-bottom:5px}
.sv span{font-size:14px;color:var(--mid);line-height:1.6}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:20px 0}
.st{background:var(--pn);border:1px solid var(--line);border-radius:12px;padding:18px}
.st .n{width:31px;height:31px;border-radius:50%;background:var(--acc);color:#fff;display:flex;
align-items:center;justify-content:center;font-weight:800;font-size:15px;margin-bottom:10px}
.st b{display:block;font-size:16px;margin-bottom:5px}
.st span{font-size:14px;color:var(--mid);line-height:1.6}
footer{background:var(--pn);border-top:1px solid var(--line);padding:34px 0 26px;margin-top:50px}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:26px}
.fcols h3{font-size:13px;text-transform:none;color:var(--mut);font-weight:700;margin:0 0 9px}
.fcols ul{list-style:none;padding:0;margin:0}
.fcols li{margin-bottom:6px}
.fcols a{font-size:14px;color:var(--mid)}
.fbot{border-top:1px solid var(--line2);margin-top:24px;padding-top:16px;display:flex;
justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--mut)}
.fbot a{color:var(--mut)}
@media(max-width:640px){
 .hrow{gap:10px}
 nav.main ul{gap:0}
 nav.main a{padding:6px 8px;font-size:13.5px}
 h1{font-size:25px}
 main{padding:24px 0 40px}
}
@media print{header,footer,.cta-row,form{display:none}}