/* barþjónn.is – viðbætur ofan á hönnunarkerfi RentEvent (site.css).
   Sömu litir, letur og einingar; hér eru aðeins einingar sem rentevent.is skilgreinir í <style> á einstökum síðum
   (hetja, traustlína, skref, tilefni, lokahvatning) og nýjar einingar barþjónavefsins (hugmyndir, verðtafla, reiknir). */

/* ---------- Haus ---------- */
.logo{display:inline-grid;gap:4px;justify-items:start}
.logo__by{font:500 .6rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-style:normal;font-variation-settings:normal}
.ftr .logo__by{color:#8EA2B3}
.ftr a.logo{display:inline-grid;padding:0}
.hdr__book{min-height:44px}
@media (max-width:1080px){
  .nav{position:absolute;inset:100% 0 auto 0;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px)}
}
@media (max-width:480px){
  .hdr__in{gap:10px}
  .hdr__book{min-height:42px;padding:0 14px;font-size:.9rem}
  .logo{font-size:1.3rem}
}
.band-night .crumbs,.band-night .crumbs a{color:#B9C7D3}

/* ---------- Forsíðuhetja ---------- */
.hero{padding-block:clamp(36px,5vw,72px) clamp(48px,6vw,88px);overflow:hidden}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero__text{display:grid;gap:22px;max-width:610px}
.hero h1{font-size:clamp(2.45rem,1.5rem + 3vw,3.55rem);line-height:1.02;letter-spacing:-.015em}
.hero h1 em{display:block;font-style:italic;font-weight:500;color:var(--orange-ink)}
.hero__sub{font-size:var(--step-1);color:var(--muted);line-height:1.5;max-width:46ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.hero__call{font-size:.92rem;color:var(--muted)}
.hero__call a{font-family:var(--f-mono);font-weight:500}
.collage{position:relative;height:clamp(460px,44vw,580px)}
.collage__ph{position:absolute;margin:0;border-radius:var(--r-l);overflow:hidden;background:var(--mist);box-shadow:var(--shadow)}
.collage__ph img{display:block;width:100%;height:100%;object-fit:cover}
.collage__main{top:0;left:0;width:72%;height:66%}
.collage__main img{object-position:50% 20%}
.collage__side{right:0;bottom:0;width:42%;height:58%}
.collage__side img{object-position:50% 60%}
.collage .docket{position:absolute;left:5%;bottom:3%;width:min(290px,52%);transform:rotate(-1.6deg);z-index:2;font-size:.8rem}
.collage .docket__row b{font-weight:600;color:var(--navy)}
.docket__ex{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.collage__tag{position:absolute;top:16px;left:16px;z-index:2}

/* ---------- Traustlína ---------- */
.trust{background:var(--white);border-block:1px solid var(--line)}
.trust__list{list-style:none;margin:0 auto;padding-block:22px;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:20px 28px}
.trust__list li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;line-height:1.3}
.trust__ic{width:40px;height:40px;border-radius:50%;background:#FBEBDD;color:var(--orange-ink);display:grid;place-items:center}
.trust__list b{display:block;color:var(--navy);font-weight:700;font-size:.97rem}
.trust__list span{color:var(--muted);font-size:.86rem}

/* ---------- Undirsíðuhetja ---------- */
.whero{position:relative;overflow:hidden;padding-block:clamp(28px,4vw,56px) clamp(48px,6vw,88px)}
.whero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 70% at 85% 30%,rgba(238,138,57,.18),transparent 70%),radial-gradient(40% 50% at 10% 100%,rgba(30,68,104,.7),transparent 70%)}
.whero .wrap{position:relative}
.whero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.whero h1{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.6rem);max-width:18ch}
.whero h1 em{display:block;font-style:italic;color:var(--orange);font-weight:500}
.whero .lead{margin-top:18px}
.whero__cta{margin-top:28px}
.whero__meta{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;color:#B9C7D3;padding:0;list-style:none}
.whero__meta li{display:flex;gap:8px;align-items:center}
.whero__meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}
.whero__fig{margin:0;position:relative}
.whero__fig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;border-radius:var(--r-l);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.whero__fig--land img{aspect-ratio:5/4;object-position:50% 50%}
.whero__tag{position:absolute;right:-18px;bottom:28px;background:var(--paper);color:var(--navy);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-lift);display:grid;gap:2px;max-width:240px}
.whero__tag b{font-family:var(--f-display);font-size:1.1rem;font-weight:600}
.whero__tag span{font-size:.84rem;color:var(--muted);line-height:1.35}
.whero__dk{max-width:380px;justify-self:end;width:100%}
.whero__dk .docket{transform:rotate(-1.2deg)}

/* ---------- Efnishlutar ---------- */
.prose{display:grid;gap:14px;max-width:68ch}
.prose p{color:var(--ink)}
.prose .ticks{margin-top:4px}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.split--img-left{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.split--img-left .split__aside{order:-1}
.split__fig{margin:0;justify-self:center;width:100%}
.split__fig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;border-radius:var(--r-l);box-shadow:var(--shadow)}
.split__fig--land img{aspect-ratio:4/3;object-position:50% 50%}
.split__aside .docket{max-width:420px}
.mini{width:100%;max-width:420px;border-collapse:collapse;font-size:.95rem;margin-top:4px}
.mini th,.mini td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}
.mini th{color:var(--muted);font-weight:500}
.mini td{font-weight:600;color:var(--navy);text-align:right;font-family:var(--f-mono);font-size:.9rem}
.docket__title{white-space:normal}
.docket__row small{display:block;margin:1px 0 0;font-family:var(--f-body);font-size:.76rem;color:var(--muted)}
.docket__row{align-items:baseline}
.docket__foot{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px}

/* Innifalið / þú leggur til */
.incl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.incl>div{background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);padding:22px}
.band-white .incl>div{background:var(--paper)}
.incl h3{margin-bottom:14px;font-size:1.2rem}
.incl ul:not(.ticks){margin:0;padding-left:1.1em;display:grid;gap:8px}
.incl .note{margin-top:16px}

/* Skref */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:clamp(16px,2.4vw,32px);counter-reset:s}
.steps li{position:relative;display:grid;gap:10px;align-content:start;counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--white);font:600 1rem var(--f-mono);position:relative;z-index:1}
.steps li:last-child::before{background:var(--orange);color:var(--night)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:22px;left:56px;right:calc(-1 * clamp(16px,2.4vw,32px) + 10px);border-top:1.5px dashed var(--line-cool)}
.steps__when{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink);font-weight:600}
.steps h3{font-size:1.25rem}
.steps p{color:var(--muted);font-size:.95rem;line-height:1.5}
.steps__foot{margin-top:clamp(24px,3vw,36px);font-size:.95rem;color:var(--muted)}

/* Hugmyndir */
.ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;counter-reset:i;list-style:none;margin:0;padding:0}
.idea{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);padding:22px 20px 20px;display:grid;gap:8px;align-content:start;counter-increment:i}
.band-white .idea{background:var(--paper)}
.idea::before{content:counter(i,decimal-leading-zero);font:600 .74rem var(--f-mono);letter-spacing:.1em;color:var(--orange-ink)}
.idea h3{font-size:1.18rem}
.idea p{color:var(--muted);font-size:.95rem;line-height:1.5}
.ideas-note{margin-top:20px;max-width:70ch}

/* Tilefni */
.occ{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.occ a{display:grid;gap:2px;align-content:center;min-height:72px;padding:14px 16px;border-radius:var(--r-m);background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s}
.occ a:hover{border-color:var(--navy);color:var(--ink)}
.occ b{font-family:var(--f-display);font-weight:600;font-size:1.15rem;color:var(--navy);display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-variation-settings:"opsz" 30}
.occ b::after{content:"→";font-family:var(--f-body);font-size:.95rem;color:var(--orange-ink);transition:transform .25s var(--ease-out)}
.occ a:hover b::after{transform:translateX(4px)}
.occ a span{color:var(--muted);font-size:.86rem;line-height:1.35}

/* Aukahlutakort */
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.cat{position:relative;display:grid;grid-template-rows:auto 1fr;background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s var(--ease-soft),box-shadow .3s var(--ease-soft),border-color .2s}
.band-white .cat{background:var(--paper)}
.cat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:transparent;color:inherit}
.cat__img{position:relative;aspect-ratio:4/3;background:linear-gradient(180deg,#F1EDE4,#E7E0D2);overflow:hidden}
.cat__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .6s var(--ease-soft)}
.cat:hover .cat__img img{transform:scale(1.04)}
.cat__body{display:grid;gap:6px;padding:18px 20px 20px;align-content:start}
.cat__name{font-family:var(--f-display);font-size:1.35rem;font-weight:600;color:var(--navy);line-height:1.1;font-variation-settings:"opsz" 30;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.cat__name::after{content:"→";font-family:var(--f-body);font-size:1.1rem;color:var(--orange-ink);transition:transform .25s var(--ease-out)}
.cat:hover .cat__name::after{transform:translateX(4px)}
.cat__lead{color:var(--muted);font-size:.93rem;line-height:1.45}
.cat__price{font-family:var(--f-mono);font-size:.82rem;color:var(--navy);font-weight:500;margin-top:4px}
.cat__price b{font-weight:600;white-space:nowrap}

/* Umsagnir (án stjarna: tilvitnun + nafn) */
.rev{grid-template-rows:1fr auto}
.revs--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.revs--1{grid-template-columns:minmax(0,720px)}

/* Algengar spurningar */
.faqgrid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,72px);align-items:start}
.faq details>div p+p{margin-top:8px}
.faqgroup+.faqgroup{margin-top:clamp(36px,5vw,56px)}

/* Lokahvatning */
.endcta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.endcta .row{justify-content:flex-end}
.final{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border-radius:var(--r-l);overflow:hidden;background:var(--night);color:#DCE5EC}
.final__text{display:grid;gap:18px;padding:clamp(28px,5vw,64px);align-content:center}
.final h2{color:var(--white)}
.final p{color:#B9C7D3;max-width:44ch}
.final__img{position:relative;min-height:300px}
.final__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.final__phone{font-family:var(--f-mono);color:var(--white);text-decoration:none;font-weight:500}
.final__phone:hover{color:var(--orange)}

/* Verðtafla */
.ptable{width:100%;max-width:760px;border-collapse:collapse;font-variant-numeric:tabular-nums;background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}
.band-white .ptable{background:var(--paper)}
.ptable th,.ptable td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:right}
.ptable thead th{font:600 .74rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--mist)}
.ptable th[scope=row],.ptable thead th:first-child{text-align:left}
.ptable tbody th{font-weight:700;color:var(--navy)}
.ptable td{font-family:var(--f-mono);font-weight:600;color:var(--navy);white-space:nowrap}
.ptable tr:last-child>*{border-bottom:0}
.ptable caption{caption-side:bottom;text-align:left;padding-top:12px;font-size:.88rem;color:var(--muted)}

/* Glasatafla */
.gtable{width:100%;border-collapse:collapse;font-size:.97rem}
.gtable th,.gtable td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
.gtable thead th{font:600 .74rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.gtable td.gt-price{font-family:var(--f-mono);font-weight:600;color:var(--navy);white-space:nowrap}
.gtable a{font-weight:700}

/* Verðreiknir */
.pcalc{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:24px 32px;align-items:start;background:var(--white);border-radius:var(--r-l);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow);max-width:860px}
.pcalc__in{display:grid;gap:18px}
.pcalc__f{display:grid;gap:8px}
.pcalc__f .hint{font-size:.82rem;color:var(--muted)}
.pcalc .qty{width:max-content}
.pcalc .qty input{width:72px;font-size:1.1rem}
.pcalc .docket{border:1px solid var(--line);border-bottom:0;box-shadow:0 1px 2px rgba(15,36,56,.08),0 10px 26px -14px rgba(15,36,56,.35)}
.pcalc__note{margin-top:10px;font-family:var(--f-body);font-size:.82rem;line-height:1.45;color:var(--muted)}
.pcalc__acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}

/* Fótur */
.ftr__base a{display:inline;padding:0;color:#B9C7D3}

/* ---------- Skjástærðir ---------- */
@media (max-width:1080px){
  .trust__list{grid-template-columns:repeat(2,1fr)}
  .occ{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .whero__grid,.split,.split--img-left,.faqgrid,.endcta{grid-template-columns:1fr}
  .split--img-left .split__aside{order:0}
  .whero__fig img,.whero__fig--land img{aspect-ratio:16/11}
  .whero__tag{position:static;max-width:none;margin-top:12px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
  .whero__dk{justify-self:start}
  .split__fig img{aspect-ratio:16/12}
  .endcta .row{justify-content:flex-start}
}
@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr}
  .hero__text{max-width:none}
  .collage{height:clamp(360px,70vw,520px)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .steps li:nth-child(2n)::after{display:none}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .final{grid-template-columns:1fr}
  .final__img{min-height:240px;order:-1}
  .pcalc{grid-template-columns:1fr}
}
@media (max-width:600px){
  .hero{padding-top:28px}
  .hero__text{gap:18px}
  .hero__cta .btn{flex:1 1 140px}
  .collage{height:380px;margin-inline:-4px}
  .collage__main{width:100%;height:62%}
  .collage__side{width:46%;height:50%}
  .collage .docket{width:56%;bottom:0;font-size:.72rem;padding:14px 14px 18px}
  .collage .docket .d-opt{display:none}
  .collage__tag{top:12px;left:12px}
  .trust__list{grid-template-columns:1fr;gap:14px;padding-block:20px}
  .steps{grid-template-columns:1fr;row-gap:22px}
  .steps li{grid-template-columns:44px 1fr;column-gap:16px}
  .steps li::before{grid-row:1/4}
  .steps li::after{display:none}
  .cats{grid-template-columns:1fr}
  .occ{gap:8px}
  .occ a{padding:12px;min-height:64px}
  .occ b{font-size:1.02rem}
  .occ a span{font-size:.8rem}
  .revs--2,.revs--1{grid-template-columns:none}
  .whero__cta .btn,.endcta .btn,.final__text .btn{flex:1 1 100%}
  .ptable th,.ptable td{padding:12px 8px;font-size:.84rem}
  .ptable thead th{font-size:.66rem;letter-spacing:.04em}
  .gtable thead{display:none}
  .gtable,.gtable tbody,.gtable tr{display:block}
  .gtable tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
  .gtable td{border:0;padding:0}
  .gtable td.gt-size{grid-column:1;color:var(--muted);font-size:.86rem}
  .gtable td.gt-price{grid-column:2;grid-row:1}
  .gtable td.gt-use{grid-column:1/-1;color:var(--muted);font-size:.9rem}
  .pcalc{padding:18px}
}
@media (max-width:400px){
  .collage .docket{width:62%}
}
@media (prefers-reduced-motion:reduce){.cat:hover,.cat:hover .cat__img img,.cat:hover .cat__name::after,.occ a:hover b::after{transform:none!important}}