/*
Theme Name: ROI Academy
Theme URI: https://roiovadia.co.il
Author: עומר מיראן בע"מ
Author URI: https://omermiran.co.il
Description: תבנית נלווית לתוסף ROI Academy. נותנת לאתר מעטפת ממותגת בשפה של ROI — שחור, זהב ופונט Polin — ומעבירה את המבקרים לאזור הלמידה. התבנית אינה מרנדרת את מסכי האקדמיה; אלה מגיעים מהתוסף, שעובד גם עם כל תבנית אחרת.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roi-academy
Tags: rtl-language-support, full-width-template, education
*/

@font-face{font-family:Polin;src:url(assets/fonts/polin-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Polin;src:url(assets/fonts/polin-medium.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:Polin;src:url(assets/fonts/polin-black.woff2) format("woff2");font-weight:700 900;font-display:swap}

:root{
  --chrome:#1D1D21;
  --chrome-2:#2A2A2F;
  --canvas:#F4F2EC;
  --card:#FFFFFF;
  --line:rgba(255,255,255,.12);
  --gold:#EFBF2E;
  --gold-2:#C79A12;
  --gold-deep:#7A5E08;
  --ink:#111111;
  --paper:rgba(255,255,255,.62);
  --paper-2:rgba(255,255,255,.42);
  --r:20px;
  --r-sm:6px;
  --ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html,body{min-height:100%;background:var(--chrome)}

body{
  font-family:Polin,"Segoe UI",system-ui,sans-serif;
  color:#fff;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit}

/* ————— הפריסה: שני חצאים, טקסט מימין ותמונה משמאל ————— */

.rt-wrap{
  min-height:100vh;
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,560px);
  gap:20px;
  padding:20px;
}

.rt-side{
  position:relative;
  overflow:hidden;
  border-radius:var(--r);
  background:#15151A url(assets/img/hero-auth.jpg) center/cover no-repeat;
}
/* הילה מכוונת אחת, מוגבלת לפאנל התמונה. */
.rt-side::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(17,17,17,0) 42%,rgba(17,17,17,.86) 100%);
}
.rt-side img{
  position:absolute;inset-inline:0;bottom:38px;margin-inline:auto;
  width:min(58%,260px);z-index:1;
}

.rt-main{
  display:grid;
  align-content:center;
  justify-content:center;
  justify-items:start;
  padding:clamp(24px,5vw,72px);
}
/* התוכן לא נצמד לקצה הימני של עמודה רחבה — הוא נשאר עמודה קריאה. */
.rt-main>*{width:100%;max-width:560px}

.rt-mark{width:78px;margin-bottom:26px}

.rt-eyebrow{
  font-size:12.5px;font-weight:600;letter-spacing:.18em;
  color:var(--gold);text-transform:uppercase;
}

.rt-title{
  margin-top:12px;
  font-size:clamp(32px,5.4vw,58px);
  font-weight:900;line-height:1.06;letter-spacing:-.035em;
}
.rt-title b{color:var(--gold);font-weight:900}

.rt-text{
  margin-top:16px;max-width:46ch;
  font-size:clamp(15px,1.5vw,17px);color:var(--paper);
}

.rt-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

.rt-btn{
  display:inline-flex;align-items:center;gap:9px;
  height:50px;padding:0 30px;border:0;border-radius:var(--r-sm);
  background:linear-gradient(93.66deg,var(--gold),var(--gold-2));
  color:var(--ink);font:inherit;font-size:15px;font-weight:700;
  text-decoration:none;cursor:pointer;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease);
}
.rt-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(239,191,46,.28)}

.rt-btn-ghost{
  background:transparent;color:#fff;
  border:1px solid var(--line);
}
.rt-btn-ghost:hover{background:rgba(255,255,255,.06);box-shadow:none}

/* ————— תוכן וורדפרס רגיל (עמוד, מאמר, 404) ————— */

.rt-doc{
  width:min(760px,100%);
  margin-top:34px;padding:clamp(24px,4vw,40px);
  border-radius:var(--r);background:var(--card);color:var(--ink);
}
.rt-doc h1,.rt-doc h2{letter-spacing:-.03em;line-height:1.15}
.rt-doc h2{margin-top:26px;font-size:21px;color:var(--gold-deep)}
.rt-doc p,.rt-doc li{margin-top:12px;font-size:15.5px;color:rgba(17,17,17,.72)}
.rt-doc ul,.rt-doc ol{margin-inline-start:20px}
.rt-doc a{color:var(--gold-deep);font-weight:600}
.rt-doc img{border-radius:12px;margin-top:18px}

.rt-list{display:grid;gap:12px;margin-top:26px;width:min(760px,100%)}
.rt-list a{
  display:block;padding:18px 22px;border-radius:var(--r-sm);
  background:rgba(255,255,255,.05);border:1px solid var(--line);
  text-decoration:none;transition:background .18s var(--ease)
}
.rt-list a:hover{background:rgba(255,255,255,.09)}
.rt-list b{display:block;font-size:17px;font-weight:700}
.rt-list span{display:block;margin-top:4px;font-size:13px;color:var(--paper-2)}

.rt-foot{
  margin-top:38px;font-size:12.5px;color:var(--paper-2);
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;
}
.rt-foot a{text-decoration:none}
.rt-foot a:hover{color:var(--gold)}
.rt-foot i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}

/* ————— מסכים צרים ————— */

@media (max-width:900px){
  .rt-wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:14px;gap:14px}
  /* הפנים גבוהות בקדר, ולכן חיתוך ממורכז קוטע את הראש. */
  .rt-side{min-height:min(46vh,300px);order:-1;background-position:50% 16%}
  .rt-side img{bottom:22px;width:min(46%,190px)}
  .rt-main{padding:20px 20px 34px;align-content:start;justify-items:stretch}
  .rt-main>*{max-width:none}
  .rt-mark{width:60px;margin-bottom:18px}
  .rt-cta{flex-direction:column;margin-top:26px}
  .rt-btn{justify-content:center;white-space:nowrap}
  .rt-foot{margin-top:26px;justify-content:flex-start}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}