/* 3gon rental – komponenty nad témou www.3gon.sk (Bootstrap 5 + style.css) */
:root{--rent-accent:#e50046;--rent-dark:#20282D;--rent-dark-2:#182024;--rent-head:#1C2539;--rent-muted:#5D666F;--rent-line:#E9ECF1;--rent-soft:#F5F7F9;--rent-radius:15px}
html{scroll-behavior:smooth}
section[id],.rent-hero{scroll-margin-top:110px}

/* tlačidlá s obrysom na svetlom pozadí */
.rent-card .rts-btn.btn-border,.rent-form .rts-btn.btn-border{color:var(--rent-head);background:#fff;border:1px solid var(--rent-line)}
.rent-card .rts-btn.btn-border:hover{color: #e50046;}

/* hero */
.rent-hero{position:relative;background:var(--rent-dark);color:#fff;overflow:hidden;padding:90px 0 70px}
.rent-hero-photo{position:absolute;inset:0;background-size:cover;background-position:68% 48%;opacity:.5}
.rent-hero-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(24,32,36,.96) 0%,rgba(24,32,36,.8) 40%,rgba(24,32,36,.3) 100%)}
.rent-eyebrow{color:#ccc;font-size:16px;margin:0 0 10px}
.rent-hero h1{color:#fff;font-size:clamp(32px,4.4vw,51.2px);line-height:1.15;margin-bottom:18px;letter-spacing:-.5px}
.rent-hero-lead{color:#D3DADE;font-size:17.6px;max-width:60ch}
.rent-btn-light{color:#fff!important;border-color:#E9ECF1!important}
.rent-btn-light:hover{color:var(--rent-accent)!important}
.rent-trust{margin-top:64px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.14);gap:0}
.rent-trust>div{padding:0 0 0 1px}
.rent-trust-item{background:rgba(24,32,36,.86);padding:22px 24px;height:100%}
.rent-trust-item b{display:block;color:#fff;font-family:"Red Hat Display",sans-serif;font-size:16.5px;margin-bottom:4px}
.rent-trust-item span{color:#AEB8BE;font-size:14.9px;line-height:1.55;display:block}
@media (max-width:767px){.rent-hero{padding:60px 0 40px}.rent-trust{margin-top:40px}.rent-trust>div{padding:0 0 1px}}

/* sekcie */
.rent-section{padding:110px 0 70px}
.rent-soft{background:var(--rent-soft)}
.rent-title.rts-breadcrumb-area{background:transparent;padding:0 0 40px;margin:0;height:auto;min-height:0}
.rent-title .title-area-left{max-width:900px;margin:0 auto}
.rent-title .title{font-size:36px}
.rent-lead{max-width:760px;margin:18px auto 0;color:var(--rent-muted);font-size:17px}

/* kroky */
.rent-step{position:relative;padding-top:26px;border-top:2px solid var(--rent-accent);height:100%}
.rent-step .n{position:absolute;top:-16px;left:0;background:var(--rent-accent);color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14.4px;font-family:"Red Hat Display",sans-serif}
.rent-step h4{margin:6px 0 8px}
.rent-step p{font-size:15.4px;margin:0;color:var(--rent-muted)}

/* záložky */
.rent-tabs{gap:10px;margin:0 0 30px;justify-content:center}
.rent-tabs .nav-link{background:#fff;border:1px solid var(--rent-line);color:var(--rent-head);font-weight:600;padding:11px 22px;border-radius:var(--rent-radius)}
.rent-tabs .nav-link.active{background:var(--rent-head);border-color:var(--rent-head);color:#fff}
.rent-tabs .cnt{opacity:.55;font-weight:500}

/* karty zariadení */
.rent-card{background:#fff;border:1px solid var(--rent-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 4px rgba(28,37,57,.04),0 18px 40px -28px rgba(28,37,57,.45)}
.rent-thumb{position:relative;background:var(--rent-soft);aspect-ratio:4/3}
.rent-thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:14px;background-color:#fff;box-shadow:0 0 20px #eee}
.rent-chip{position:absolute;top:14px;left:14px;background:rgba(28,37,57,.92);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:6px}
.rent-chip.sensor{background:var(--rent-accent)}
.rent-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.rent-body h3{font-size:19.5px;margin-bottom:6px}
.rent-price{font-family:"Red Hat Display",sans-serif;font-weight:700;color:var(--rent-accent);font-size:21.1px;margin-bottom:10px}
.rent-price small{font-size:13.1px;color:var(--rent-muted);font-weight:500}
.rent-desc{font-size:15.4px;color:var(--rent-muted);margin-bottom:16px}
.rent-acc{border-top:1px solid var(--rent-line);margin-top:auto}
.rent-acc-btn{all:unset;box-sizing:border-box;cursor:pointer;width:100%;padding:14px 0 12px;font-weight:600;color:var(--rent-head);display:flex;align-items:center;font-size:15.2px}
.rent-acc-btn::after{content:"–";margin-left:auto;color:var(--rent-accent);font-size:18.4px;font-weight:700}
.rent-acc-btn.collapsed::after{content:"+"}
.rent-acc-btn:focus-visible{outline:2px solid var(--rent-accent);outline-offset:2px}
.rent-acc-body{font-size:14.9px;color:var(--rent-muted);padding-bottom:6px}
.rent-acc-body h4{font-size:12.2px;letter-spacing:.11em;text-transform:uppercase;color:var(--rent-muted);font-weight:600;margin:12px 0 6px;font-family:"DM Sans",sans-serif}
.rent-acc-body ul{margin:0;padding-left:18px}
.rent-acc-body li{margin-bottom:3px}
.rent-req{background:var(--rent-soft);border-left:3px solid var(--rent-accent);padding:10px 14px;margin-top:14px;font-size:14.4px;border-radius:0 6px 6px 0}
.rent-card .card-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.rent-card .card-cta .rts-btn{flex:1 1 auto;justify-content:center;text-align:center;padding:12px 18px;font-size:15px}

/* ponuka */
.rent-offer{background:linear-gradient(135deg,var(--rent-accent) 0%,#A8003A 100%);border-radius:18px;padding:34px}
.rent-offer .big{font-family:"Red Hat Display",sans-serif;font-weight:700;font-size:24px;color:#fff;line-height:1.25;margin-bottom:14px}
.rent-offer p{color:rgba(255,255,255,.92);margin:0}

/* podmienky */
.rent-cond{padding-left:20px;border-left:2px solid var(--rent-line);height:100%}
.rent-cond.hi{border-left-color:var(--rent-accent)}
.rent-cond h4{margin-bottom:8px}
.rent-cond p{font-size:15.5px;margin:0;color:var(--rent-muted)}

/* služby */
.rent-svc{background:#fff;border:1px solid var(--rent-line);border-radius:16px;padding:26px 24px;height:100%;transition:border-color .18s,transform .18s}
.rent-svc:hover{border-color:var(--rent-accent);transform:translateY(-3px)}
.rent-svc .ico{width:44px;height:44px;border-radius:11px;background:var(--rent-soft);display:grid;place-items:center;margin-bottom:16px;color:var(--rent-accent)}
.rent-svc h4{margin-bottom:8px}
.rent-svc p{font-size:15.2px;color:var(--rent-muted);margin:0}

/* FAQ (Bootstrap accordion) */
.rent-faq .accordion-item{border:1px solid var(--rent-line);border-radius:12px!important;margin-bottom:12px;overflow:hidden;background:#fff}
.rent-faq .accordion-header{margin:0}
.rent-faq .accordion-button{font-family:"Red Hat Display",sans-serif;font-weight:600;font-size:16.5px;color:var(--rent-head);padding:17px 22px;background:#fff;box-shadow:none}
.rent-faq .accordion-button:not(.collapsed){background:#fff;color:var(--rent-head);box-shadow:none}
.rent-faq .accordion-button:focus{box-shadow:none;border-color:transparent;outline:2px solid var(--rent-accent);outline-offset:-2px}
.rent-faq .accordion-body{padding:0 22px 18px;color:var(--rent-muted);font-size:15.5px}

/* formulár */
.rent-form{background:#fff;border:1px solid var(--rent-line);border-radius:18px;padding:30px;box-shadow:0 2px 4px rgba(28,37,57,.04),0 18px 40px -28px rgba(28,37,57,.45)}
.rent-form .form-label{font-size:13.8px;font-weight:600;color:var(--rent-head);margin-bottom:6px}
.rent-form .form-control,.rent-form .form-select{border:1px solid var(--rent-line);border-radius:10px;padding:12px 14px;font-size:15.5px;color:var(--rent-head)}
.rent-form .form-control:focus,.rent-form .form-select:focus{border-color:var(--rent-accent);box-shadow:0 0 0 3.2px rgba(229,0,70,.12)}
.rent-form .form-check-input:checked{background-color:var(--rent-accent);border-color:var(--rent-accent)}
.rent-form .form-check-label{font-size:14.1px;color:var(--rent-muted)}
.rent-hint{font-size:13.6px;color:var(--rent-muted);margin:14px 0 0}
.rent-contact{background:var(--rent-dark);color:#fff;border-radius:18px;padding:30px}
.rent-contact h4{color:#fff;margin-bottom:16px}
.rent-contact .row-c{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15.5px;color:#C7D0D6}
.rent-contact .row-c:last-child{border-bottom:none}
.rent-contact .row-c b{display:block;font-size:12.6px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;color:#8E9AA1;font-weight:600}
.rent-contact a{color:#fff}

@media (max-width:575px){.rent-section{padding:70px 0 50px}.rent-form{padding:22px 18px}.rent-offer{padding:24px 22px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* prebitie globálnych štýlov inputov z témy */
.rent-form .form-control,.rent-form .form-select{height:auto;width:100%;background-color:#fff}
.rent-form .form-control::placeholder{color:#9AA3AB;opacity:1}
.rent-form .form-check{display:flex;align-items:flex-start;gap:10px;padding:0;margin:0}
.rent-form .form-check-input{flex:0 0 auto;width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;float:none;border:1px solid #C9D2D8;border-radius:5px}
.rent-form .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(229,0,70,.12);border-color:var(--rent-accent)}
.rent-form .form-check-label{margin:0}
.rent-form .form-control.is-invalid,.rent-form .form-select.is-invalid{border-color:#dc3545}
.rent-steps{--bs-gutter-y:44px;padding-top:16px}
.rent-hero-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5}

/* FAQ: aktívna položka ružová, bez outline */
.rent-faq .accordion-button:not(.collapsed){background:var(--rent-accent);color:#fff}
.rent-faq .accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1)}
.rent-faq .accordion-button:focus,.rent-faq .accordion-button:focus-visible{outline:none;box-shadow:none}
.rent-faq .accordion-item:has(.accordion-button:not(.collapsed)){border-color:var(--rent-accent)}
.rent-faq .accordion-body{padding-top:18px}
.rts-breadcrumb-area.rent-title .title-area-left .title{font-size:36px;line-height:1.2}
.rts-breadcrumb-area.rent-title .title-area-left .bg-title{font-size:100px}
@media (max-width:767px){.rts-breadcrumb-area.rent-title .title-area-left .bg-title{font-size:60px}}
@media (max-width:575px){.header-transparent .action-area>.rts-btn{display:none!important}}

/* header: plné pozadie #1F282F, fixný; výšku mu kompenzuje padding-top na body (nastavuje rental.js), takže hero začína pod menu */
.header-transparent,.header-transparent.header--sticky.sticky{position:fixed!important;top:0;left:0;right:0;width:100%;background:#1F282F;backdrop-filter:none}

/* header: tlačidlo a responzivita */
.header-transparent .action-area>.rts-btn{border-radius:15px}
@media (max-width:1400px){.header-transparent .nav-area ul{gap:40px}}
@media (max-width:1200px){.header-transparent-main-wrapper{padding:15px 0}}

/* kratšia sekcia "Kedy sa oplatí kúpiť" na mobile */
@media (max-width:767px){.rent-band{padding-top:100px}}

/* formulár: honeypot a stavové hlášky */
.rent-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.rent-form .invalid-feedback{display:block;font-size:13px;margin-top:4px}
.rent-alert{margin-top:18px;padding:14px 18px;border-radius:12px;font-size:15px;border:1px solid}
.rent-alert.ok{background:#EAF7EF;border-color:#9FD5B3;color:#1B6B3A}
.rent-alert.err{background:#FDECEF;border-color:#F3A9B8;color:#9B1239}
.rent-form button[disabled]{opacity:.65;cursor:progress}
.rent-form .invalid-feedback:empty{display:none}
.rent-form .form-check{flex-wrap:wrap}
.rent-form .form-check-label{flex:1 1 0;min-width:0}
.rent-form .form-check .invalid-feedback{flex:0 0 100%;margin-left:30px}
.swal2-popup{font-size:16px}
.swal2-html-container{font-size:18px;line-height:1.5}

/* rezerva miesta pre fixný header: rental.js hodnotu po načítaní len spresní, takže stránka neposkočí (CLS) */
body{padding-top:127px}
@media (min-width:1024px){body{padding-top:144px}}
@media (min-width:1201px){body{padding-top:155px}}