/* ============================================================
   laenutus.ee — 2026-09 kujunduse täiendused
   Laetakse pärast style.css-i. Kõik siinsed reeglid on lisad/
   ülekirjutused, style.css jääb puutumata (tagasipööramine =
   eemalda <link> _layout.blade.php-st).
   ============================================================ */

/* ---------- 1. Nupud ja hinnad ---------- */
.pr-item .info-toggle-btn.c-btn-grey {color: #b30000; background: #fff; border: 1px solid #b30000; font-weight: 400;}
.pr-item .info-toggle-btn.c-btn-grey:hover, .pr-item .info-toggle-btn.c-btn-grey.active {color: #fff; background: #b30000; border-color: #b30000;}
.pr-item .info-toggle-btn.c-btn-grey.muted {background: #b30000; border-color: #b30000; color: #fff;}
.price-row .colorPrimary {font-size: 1.25em; font-weight: 500;}
.pr-item .pr-btn-wrap .c-btn-primary {font-weight: 400;}
.pr-item .pr-btn-wrap .c-btn-primary:before {content: '\e202'; font-family: 'glyphs'; margin-right: 8px; font-size: 0.9em; vertical-align: -1px;}

/* ---------- 2. Otsing ---------- */
.frontpage .search {width: 440px; max-width: 100%;}
.search .fld::placeholder {color: #8a949e; opacity: 1;}
#searchDropdown {display: none; position: absolute; left: 0; top: 100%; margin-top: 6px; min-width: 100%; width: max-content; max-width: 520px; padding: 12px 0; background: #fff; border: 1px solid #d8dde1; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.14); z-index: 30; text-align: left; font-size: 15px;}
@media screen and (max-width: 600px){#searchDropdown {max-width: calc(100vw - 30px);}}

/* ---------- 3. Avalehe kategooriakaardid ---------- */
.item-list .thumb-wrap {padding: 14px;}
.item-list .thumb-wrap img {width: auto; max-width: 100%; max-height: 150px; object-fit: contain; border-radius: 4px;}
@media screen and (min-width: 411px){.item-list .thumb-wrap {height: 190px;}}
@media screen and (max-width: 410px){.item-list .thumb-wrap {height: 170px; display: flex; align-items: center; justify-content: center;}}
.item-list .item-inner {transition: box-shadow 0.15s ease, transform 0.15s ease;}
.item-list .item-inner:hover {transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.12);}

/* ---------- 4. Küpsiseteade = alumine riba, mitte kogu lehte kattev aken ---------- */
.cookie-consent {top: auto; bottom: 0; height: auto; background: transparent; padding: 0; overflow: visible; pointer-events: none;}
.cookie-consent .main-t, .cookie-consent .main-tc {display: block; height: auto;}
.cookie-consent-inner {pointer-events: auto; max-width: none; padding: 18px 25px; background: #fdfcfa; border-top: 3px solid #b30000; box-shadow: 0 -4px 18px rgba(0,0,0,0.18);}
.cookie-consent #cookieConsentForm {max-width: 1250px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 28px;}
.cookie-consent .intro-row {margin: 0; -ms-flex: 1 1 50%; flex: 1 1 50%; line-height: 1.5;}
.cookie-consent .intro-row .col-r {padding: 0; width: 100%; float: none;}
.cookie-consent .title-primary {font-size: 17px; margin-bottom: 6px;}
.cookie-consent p {margin-bottom: 0; font-size: 13px;}
.cookie-consent .cookie-form {-ms-flex: 1 1 50%; flex: 1 1 50%; font-size: 13px;}
.cookie-consent .cookie-form .c-row {margin-bottom: 6px;}
.cookie-consent .cookie-form .sbmt-row {padding-top: 8px; margin-bottom: 0;}
.cookie-consent .cookie-form .sbmt-row .c-btn {margin: 0 8px 6px 0;}
@media screen and (max-width: 767px){
	.cookie-consent #cookieConsentForm {display: block;}
	.cookie-consent-inner {padding: 14px 15px 12px 15px; max-height: 70vh; overflow-y: auto;}
	.cookie-consent .intro-row {margin: 0 0 10px 0;}
	.cookie-consent .cookie-form .sbmt-row .c-btn {display: block; width: 100%; margin: 0 0 6px 0;}
}

/* ---------- 5. Tooteleht (üks toode) ---------- */
@media screen and (min-width: 411px){
	.pr-single .pr-item .thumb-col {width: 38%; max-width: 380px;}
	.pr-single .pr-item .thumb-col + .content-col {width: 62%; padding-top: 4px;}
}
.pr-single .pr-item .item-content {padding-right: 0;}
.pr-single .price-box {display: inline-block; background: #f6f6f6; border-radius: 6px; padding: 14px 18px; margin-bottom: 4px;}
.pr-single .price-box .price-row .colorPrimary {font-size: 1.5em;}
.pr-single .pr-item .extra-content {padding-top: 22px;}
.related-list {margin-top: 40px;}
.related-list .section-title {font-size: 22px; margin-bottom: 16px;}
.related-list ul {display: grid; grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)); gap: 14px;}
.related-list li {list-style: none;}
.related-list a {display: block; border: 1px solid #d8dde1; border-radius: 6px; padding: 12px; text-align: center; height: 100%; transition: box-shadow 0.15s ease;}
.related-list a:hover {box-shadow: 0 4px 14px rgba(0,0,0,0.1); color: #b30000;}
.related-list img {display: block; margin: 0 auto 10px auto; width: auto; max-width: 100%; height: 96px; object-fit: contain;}
.related-list .name {display: block; font-size: 14px; font-weight: 400; line-height: 1.3; margin-bottom: 4px;}
.related-list .price {display: block; font-size: 13px; color: #b30000; font-weight: 500;}

/* ---------- 6. Mobiil: kategooriad ülal keritava ribana, tootekaart kompaktne ---------- */
@media screen and (max-width: 920px){
	.rvrs-stack > .wrap {-ms-flex-direction: column; flex-direction: column;}
	.rvrs-stack > .wrap > .col:first-child {margin-bottom: 18px;}
	.colset-1 > .wrap > .col1 {margin-bottom: 18px;}

	/* Kõik kategooriad korraga nähtaval (mähkuvad kiibid, kerimist pole) */
	.cats-menu ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 9px; padding-bottom: 4px;}
	.cats-menu li {display: block; width: auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #cfd5da; border-radius: 24px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.06);}
	.cats-menu a {display: block; padding: 10px 17px; font-size: 15.5px; font-weight: 400; white-space: nowrap; line-height: 1.3;}
	.cats-menu .cell {display: inline; padding: 0;}
	.cats-menu .thumb-cell {display: none;}
	.cats-menu li.active {background: #d62d00; border-color: #d62d00;}
	.cats-menu li.active > a {color: #fff;}

	.pr-item {padding: 14px;}
	.pr-item .item-inner {margin-left: 0;}
	.pr-item .item-inner:after {content: ''; display: table; clear: both;}
	.pr-item .col {float: none; width: auto; padding-left: 0;}
	.pr-item .thumb-col {float: left; width: 96px; max-width: 96px; margin: 0 14px 6px 0;}
	.pr-item .thumb-col + .content-col {width: auto; padding-top: 0; overflow: hidden;}
	.pr-item .item-content {padding-right: 0;}
	.pr-item .item-title {font-size: 17px; margin-bottom: 8px;}
	.pr-item .info-btn-wrap {position: static; margin-top: 10px;}
	.pr-item .extra-content {clear: both; padding-top: 16px;}

	.pr-single .pr-item .thumb-col {float: none; width: 100%; max-width: 260px; margin: 0 auto 14px auto;}
}
@media screen and (max-width: 600px){
	.pr-item .pr-btn-wrap .c-btn {display: block; width: 100%; padding-top: 12px; padding-bottom: 12px; font-size: 16px;}
	.price-row .fSizeMD {font-size: 12px;}
}

/* ---------- 7. Mobiili päis kompaktsemaks ---------- */
@media screen and (max-width: 1230px){
	#header {padding: 10px 0; font-size: 13px; line-height: 1.35;}
	#header .contact {margin-bottom: 2px;}
}
@media screen and (max-width: 600px){
	#header {display: block; text-align: center; padding: 8px 0;}
	#header .contact {margin-bottom: 4px;}
	#header .icon-item .hours {display: none;}
	#header .icon-item {padding-left: 0;}
	#header .icon-item .custom-icon {position: static; display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; font-size: 1.1em; margin: 0 8px 0 0; -webkit-transform: rotate(-19deg); transform: rotate(-19deg);}
	#header .icon-item .big, #header .icon-item .big:before {display: inline;}
	#header .icon-item .big:before {content: '';}
	#header .icon-item .big {font-size: 20px; vertical-align: middle;}
}

/* ---------- 8. Pisiasjad ---------- */
.scrolltop {background-color: #b30000; border-radius: 6px 0 0 0;}

/* ---------- 9. SEO 2026-09-08: avalehe hero pealkiri + kategooria sissejuhatus ---------- */
.frontpage .jumbo .hero-h1 {font-size: 38px; line-height: 1.1; max-width: 700px; margin-bottom: 10px;}
@media screen and (min-width: 861px){.frontpage .jumbo .content-wrap > .content {width: 62%;}}
.frontpage .jumbo .hero-lead {font-size: 17px; font-weight: 400; color: #282828; max-width: 560px; margin-bottom: 14px;}
.frontpage .jumbo .hero-lbl {font-weight: 700; white-space: nowrap;}
@media screen and (max-width: 1250px){.frontpage .jumbo .hero-h1 {font-size: 34px;}}
@media screen and (max-width: 680px){
	.frontpage .jumbo .hero-h1 {font-size: 26px; color: #fff;}
	.frontpage .jumbo .hero-lead {font-size: 15px; color: #fff;}
}
@media screen and (max-width: 480px){.frontpage .jumbo .hero-h1 {font-size: 23px;}}
.cat-intro {margin: -8px 0 22px 0; font-size: 15px; line-height: 1.55; color: #333; max-width: 760px;}
.cat-intro p {margin-bottom: 8px;}
.cat-intro p:last-child {margin-bottom: 0;}