/* 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:90px 0 90px}
.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}}

/* kalendár dátumov (flatpickr) v farbách webu */
.flatpickr-calendar{font-family:"DM Sans",sans-serif;border-radius:12px;box-shadow:0 18px 40px -20px rgba(28,37,57,.45)}
.flatpickr-day.selected,.flatpickr-day.selected:hover{background:var(--rent-accent);border-color:var(--rent-accent)}
.flatpickr-day.today{border-color:var(--rent-accent)}
.flatpickr-day.today:hover{background:var(--rent-accent);border-color:var(--rent-accent);color:#fff}
.rent-form input.flatpickr-input.form-control[readonly]{background-color:#fff}

.txtbrejk { display: block; }
@media (max-width:767px){.txtbrejk { display: none; }}
/* ikonky telefónu a e-mailu v tmavej kontaktnej karte (ružová); rovnaké ikony ako v hlavičke a pätičke */
.rent-contact{--ico-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath stroke-width='2' d='M12 19h.01'/%3E%3Cpath stroke-width='1.5' d='M13.5 2h-3c-2.357 0-3.536 0-4.268.732S5.5 4.643 5.5 7v10c0 2.357 0 3.535.732 4.268S8.143 22 10.5 22h3c2.357 0 3.535 0 4.268-.732c.732-.733.732-1.911.732-4.268V7c0-2.357 0-3.536-.732-4.268C17.035 2 15.857 2 13.5 2'/%3E%3C/g%3E%3C/svg%3E");--ico-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m2 6l6.913 3.917c2.549 1.444 3.625 1.444 6.174 0L22 6'/%3E%3Cpath d='M2.016 13.476c.065 3.065.098 4.598 1.229 5.733c1.131 1.136 2.705 1.175 5.854 1.254c1.94.05 3.862.05 5.802 0c3.149-.079 4.723-.118 5.854-1.254c1.131-1.135 1.164-2.668 1.23-5.733c.02-.986.02-1.966 0-2.952c-.066-3.065-.099-4.598-1.23-5.733c-1.131-1.136-2.705-1.175-5.854-1.254a115 115 0 0 0-5.802 0c-3.149.079-4.723.118-5.854 1.254c-1.131 1.135-1.164 2.668-1.23 5.733a69 69 0 0 0 0 2.952Z'/%3E%3C/g%3E%3C/svg%3E")}
.rent-contact a[href^="tel:"]::before,.rent-contact a[href^="mailto:"]::before{content:"";display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:-4px;background-color:var(--rent-accent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.rent-contact a[href^="tel:"]::before{-webkit-mask-image:var(--ico-tel);mask-image:var(--ico-tel)}
.rent-contact a[href^="mailto:"]::before{-webkit-mask-image:var(--ico-mail);mask-image:var(--ico-mail)}

/* pod 576 px: kompaktnejšie texty kariet a krokov */
@media (max-width:575.98px){
  .rent-svc p{font-size:15px;line-height:1.4}
  .rent-step p{font-size:15px;padding-left:30px;line-height:1.5}
  .rent-step h4{margin:0 0 5px 0;padding-left:30px}
  .rent-desc{font-size:15px;line-height:1.5}
}