/* Calm shared header and faithful teacher profile preview. */
body{background:#fcfaf7;--shadow:0 8px 28px rgba(72,43,22,.045)}
.site-nav{background:#fff0e4!important;border-bottom:1px solid #f1dfd0!important;box-shadow:none!important}
.site-nav .nav-row{min-height:78px}
.site-nav .brand{background:transparent!important;padding:0!important;border-radius:0!important}
.brand .brand-logo{width:150px!important;height:auto!important}
.site-nav .nav-actions .btn{min-height:42px;padding:10px 19px;border-radius:12px;box-shadow:none}
.card,.auth-form,.price-box{box-shadow:0 6px 24px #45241406!important;border:1px solid #eee6df!important;border-radius:20px!important}
.account-page .dashboard{max-width:1120px;padding-top:38px}
.account-page .dash-head h1{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.04em}
.account-page .stat{border-color:#eee5dc;border-radius:16px;background:#fff}
.account-page .dash-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}
.account-page h2,.account-page h3{color:#30271f}
.engagement{margin:28px 0 32px}
.engagement-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}
.engagement-head h2{font-size:24px;margin:0 0 4px}
.engagement-head p{margin:0;color:#80766d;font-size:14px}
.metrics-period{background:#f8eee5;border-radius:30px;padding:7px 13px;color:#965123;font-size:13px;white-space:nowrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.metric-tile{background:#fff;border:1px solid #eee5dc;border-radius:16px;padding:20px}
.metric-tile span{display:block;font-size:13px;color:#786d64}
.metric-tile strong{display:block;font-size:30px;font-weight:700;color:#35291f;margin:6px 0}
.metric-tile small{color:#8b8179;font-size:12px}
.metric-tile:first-child{background:#fff4e9;border-color:#f7dfc8}
.metrics-state{font-size:13px;color:#796c60;line-height:1.8}
.metrics-chart{display:flex;gap:3px;align-items:end;height:90px;direction:ltr;margin-top:18px}
.metrics-chart:empty{display:none}
.metrics-chart span{flex:1;min-width:1px;background:#e9a16e;border-radius:3px 3px 0 0}
.metrics-chart-label{font-size:12px;color:#897d72;margin:6px 0 0}
.metrics-refresh{font:inherit;border:1px solid #e5d9cd;border-radius:10px;background:#fff;color:#885335;padding:7px 14px;cursor:pointer}
.profile-showcase{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:65px;align-items:center;padding:46px 38px;margin-top:32px;background:#f6f0e9;border:1px solid #ede3d8;border-radius:24px}
.profile-showcase h2{font-size:clamp(26px,3vw,36px);line-height:1.3;max-width:440px;margin:14px 0}
.profile-showcase p{color:#807265;line-height:1.9}
.preview-kicker{color:#bb611f;font-size:13px;font-weight:700}
.preview-note{padding:12px 15px;border-right:2px solid #d99f71;font-size:13px}
.phone-shell{width:100%;max-width:340px;justify-self:center;background:#262522;border:1px solid #49443c;padding:9px;border-radius:44px;box-shadow:0 22px 48px #6b43251c;position:relative}
.phone-screen{border-radius:35px;background:#ffe8d4;overflow:hidden;position:relative}
.phone-status{height:36px;padding:10px 23px 0;display:flex;justify-content:space-between;align-items:start;direction:ltr;font-size:10px;color:#322b25;font-family:Arial,sans-serif}
.phone-island{width:76px;height:19px;border-radius:15px;background:#262522;position:absolute;top:8px;left:50%;transform:translateX(-50%)}
.phone-appbar{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;color:#c74700;font-weight:800;font-size:18px}
.phone-appbar span:last-child{width:18px}
.phone-scroll{height:516px;overflow-y:auto;padding:7px 13px 20px;scrollbar-width:thin;scrollbar-color:#e1b99a transparent}
.phone-panel{border:1px solid #ffffffa8;border-radius:20px;background:#fffffff2;padding:18px 13px;margin-bottom:12px;color:#c74700;box-shadow:0 5px 16px #71330005}
.phone-person{text-align:center}
.phone-avatar{width:78px;height:78px;border-radius:50%;background:#fff5eb;margin:0 auto 10px;display:grid;place-items:center;font-size:32px;font-weight:800;overflow:hidden}
.phone-avatar img{width:100%;height:100%;object-fit:cover}
.phone-person h3{font-size:23px!important;color:#c74700!important;margin:0 0 5px;line-height:1.4}
.phone-chip{font-size:11px;border-radius:12px;background:#fff5eb;padding:5px 9px;display:inline-block;margin:2px}
.phone-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:15px}
.phone-numbers>div{background:#fff5eb;border-radius:12px;padding:9px 3px;min-width:0}
.phone-numbers strong{display:block;font-size:15px;overflow-wrap:anywhere}
.phone-numbers small{font-size:10px;color:#6c8394}
.phone-panel h4{margin:0 0 12px;font-size:15px;font-weight:800}
.phone-panel p{font-size:12px;color:#6c8394;line-height:1.7;margin:0;white-space:pre-wrap}
.phone-info{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:11px;border-bottom:1px solid #f2eae3}
.phone-info:last-child{border:0}.phone-info span{color:#6c8394}.phone-info b{text-align:left;max-width:65%;overflow-wrap:anywhere}
.phone-contact{width:100%;border:0;border-radius:15px;background:#c74700;color:#fff;padding:14px 8px;font:700 13px Heebo,Arial,sans-serif;cursor:default;opacity:1}
.phone-contact.whatsapp-preview{background:#25a95b}
.phone-home{height:20px;display:grid;place-items:center}
.phone-home:after{content:"";width:90px;height:4px;border-radius:4px;background:#342c24}
.preview-caption{text-align:center;font-size:11px;color:#907b68;margin:11px 0 0}
.phone-review{border-top:1px solid #eee4dc;padding:8px 0;font-size:11px}
.phone-review:first-child{border:0}.phone-review b{display:block}.phone-review p{font-size:11px}
[hidden]{display:none!important}
@media(max-width:800px){.profile-showcase{grid-template-columns:1fr;gap:28px;padding:28px 20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-page .dash-grid{grid-template-columns:1fr}.engagement-head{flex-wrap:wrap}.profile-showcase h2{max-width:none}}
@media(max-width:620px){.brand .brand-logo{width:118px!important}.site-nav .nav-row{min-height:64px}.metric-tile{padding:15px}.metric-tile strong{font-size:26px}.phone-shell{max-width:320px}.metrics-period{font-size:12px}.account-page .dashboard{padding-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-nav .nav-links a,.site-nav .nav-actions>a:not(.btn){color:#574536!important}.site-nav .nav-actions .btn{background:#e45b13!important;color:white!important}.site-nav a:hover{color:#ac450f!important}.site-nav .nav-actions .btn:hover{color:white!important;background:#c94d0c!important}

/* Wheel It — התאמה לעיצוב השמנת של דף הבית */
:root{--orange:#e98a44;--orange2:#f0a568;--coral:#e98a44;--ink:#211f1a;--navy:#211f1a;--cream:#f9f7ea;--paper:#fffdf7;--muted:#6d685e;--line:#e7dfcc;--shadow:0 12px 32px #6654360a}
.site-nav{background:#f9f7ea!important;border-bottom:1px solid #e9e3d3!important;box-shadow:none!important;backdrop-filter:none}
.site-nav .nav-links a,.site-nav .nav-actions>a:not(.btn){color:#514b40!important;font-weight:500;text-decoration:none}
.site-nav .nav-links a:hover{color:#b87941!important}
.site-nav .nav-actions .btn{background:#e98a44!important;color:#2a1a12!important;border-radius:999px;min-height:40px;box-shadow:0 5px 13px #c97b3420!important}
.site-nav .nav-actions .btn:hover{background:#d77b37!important;color:#fff!important}
.site-footer{background:#f9f7ea!important;border-top:1px solid #e9e3d3;color:#6d685e}
.btn{background:#e98a44;color:#2a1a12!important;border-radius:999px;box-shadow:0 5px 14px #c97b3420;font-weight:600}
.btn:hover{background:#d77b37;box-shadow:0 7px 16px #c97b3426}
.btn.outline{background:transparent;color:#866545!important;border:1px solid #d3ad83;box-shadow:none}
.btn.outline:hover{background:#f5eddc}
.btn.dark{background:#353229}
.eyebrow{background:#f8eedf!important;border:1px solid #e9d9bf!important;color:#866545!important;font-weight:600!important}
.text-button{color:#996940}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #bd824b;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

body{background:#f9f7ea;color:#211f1a}
.card,.auth-form,.price-box{background:#fffdf7!important;border:1px solid #e9e3d3!important;border-radius:22px!important;box-shadow:0 12px 32px #66543608!important}
.account-page .dash-head h1{color:#211f1a;font-weight:800;letter-spacing:-.035em;font-size:clamp(30px,3.4vw,44px)}
.account-page h2,.account-page h3{color:#211f1a}
.account-page .stat,.metric-tile{background:#fffdf7;border-color:#e9e3d3;border-radius:18px;box-shadow:0 6px 20px #66543605}
.account-page .stat span,.metric-tile span,.metric-tile small,.engagement-head p,.metrics-state,.metrics-chart-label{color:#777064}
.account-page .stat strong,.metric-tile strong{color:#353229}
.metric-tile:first-child{background:#f8eedf;border-color:#ecdac0}
.metrics-period,.status{background:#f8eedf;color:#866545}
.metrics-chart span{background:#e9a16e}
.metrics-refresh{border-color:#d3ad83;color:#866545;background:transparent;border-radius:999px;padding:8px 17px}
.metrics-refresh:hover{background:#f5eddc}
.profile-showcase{background:#f8eedf;border:1px solid #e9dfce;border-radius:26px;gap:50px}
.profile-showcase p{color:#777064}.preview-kicker{color:#996940}.preview-note{border-color:#d3ad83}
.account-page .field input,.account-page .field select,.account-page .field textarea{background:#fffefa;border:1px solid #e0d9c9;border-radius:12px;color:#353229}
.account-page .field label{color:#514b40}
.account-page .soft-note,.account-page .collection-notice{background:#f8eedf;border-color:#e9dfce;color:#6d685e}
@media(max-width:800px){.profile-showcase{gap:28px;padding:28px 20px}}
/* מחיקת חשבון */
.delete-account{border-color:#f1c9c2}
.delete-account h3{color:#9b2c1f}
.delete-account form{margin-top:14px}
.delete-account .check{margin:4px 0 14px;align-items:flex-start;font-size:13px}
.delete-account .delete-submit{background:#b42318}
.delete-account .delete-submit:hover{background:#912018}
.delete-account .text-button{display:block;margin:10px auto 0}
/* נגישות: "דילוג לתוכן" מוסתר עד שמגיעים אליו במקלדת; רווח בין קישורי הפוטר */
.skip-link{position:absolute;right:12px;top:-60px;z-index:50;background:#fff;padding:8px 14px;border-radius:10px}
.skip-link:focus{top:12px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
/* הנחיית המייל לפני מעבר לדף התשלום */
.pay-email{background:#fff7e8;border:1px solid #f0d9b5;border-radius:12px;padding:12px 14px;margin:12px 0;font-size:15px;color:#3d2c22;line-height:1.6}
.pay-email strong{font-weight:700}