/* FW Food Menu theme CSS styles */
:root {
    --torent-blue: #20ADE3;
    --torent-dark: #00384D;
    --torent-orange: #F2994A;
    --torent-blue100: #D2EFF9;
    --torent-blue200: #A6DEF4;
    --torent-blue400: #4DBDE9;
    --torent-dark600: #1A8AB6;
    --torent-dark700: #136888;
    --torent-dark900: #06232D;
}
html {font-size: 16px;}
body.page {
    color: var(--torent-dark);
    min-width: 400px;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    line-height: 1.4;
    background: #fff;
}
h1,h2,h3 {
    font-family: Montserrat;
    font-weight: 200;
}
h1 strong, h2 strong, h3 strong {
    font-weight: 700;
}
h1 {
    margin-bottom: 3rem;
    font-size: 2.25rem;
    font-weight: 300;
}
h2 {
    color: var(--torent-dark700);
    margin-bottom: 1.8rem;
    font-size: 26px;
    font-weight: bold;
}
h3 {
    margin-bottom: 1.5rem;
    font-size: 1.375rem;
}
a {
    color: var(--torent-dark);
    text-decoration: none;
}
a:hover, a:focus {
    color: var(--torent-blue);
    text-decoration: underline;
}
.btn,
.button {
    color: #fff;
    padding: .6rem 1.25rem;
    display: inline-block;
    font-size: 1.15;
    font-family: "Open Sans";
    font-weight: 600;
    text-decoration: none;
    background: var(--torent-orange);
    transition: all .4s ease-in-out;
    border: 0;
    border-radius: .5rem;
    box-shadow: none !important;
}
.btn:hover, .btn:focus {
    color: var(--torent-dark900);
    text-decoration: none;
}
.container {
    padding: 0;
}


.tr-top-wrapper {
    width: 100%;
    height: 100vh;
    position: relative;
}
.tr-z-top {
    height: 100% !important;
    position: fixed !important;
    z-index: 5000 !important;
}

/* Home page banner */
.tr-top-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tr-top-banner::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
}
.tr-top-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tr-top-menu-wrapper {
    height: 100%;
    padding: 0;
    position: relative;
    z-index: 5;
}

/* Top promo */
.tr-inner-top {
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    background: var(--torent-blue);
}
.tr-inner-top::after {
    content: '';
    display: table;
    clear: both;
}
.tr-inner-top a {
    color: #fff;
}
.tr-inner-top p {
    margin: 0;
}
.tr-inner-top .container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tr-inner-top-promo,
.tr-inner-top-links {
    width: 50%;
    white-space: nowrap;
}
.tr-inner-top-promo {
    /* float: left; */
}
.tr-inner-top-promo a {
    max-width: 100%;
    display: block;
    padding-right: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tr-inner-top-links {
    /* float: right; */
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
}
.tr-inner-top-links a {
    max-width: 2.95rem;
    padding: 0 1rem;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    border-left: .5px solid #fff;
    text-decoration: none !important;
    transform: scaleX(1);
    transition: all .5s ease-in-out;
    overflow: hidden;
}
.tr-inner-top-links a:hover {
    max-width: 100%;
    background: var(--torent-dark700);
}
.tr-inner-top-links a,
.tr-inner-top-links a > * {
    vertical-align: middle;
}
.tr-inner-top-links a i {
    font-size: 16px;
}
.tr-inner-top-links a span {
    padding-left: 1rem;
}
.tr-inner-top-links a:first-child {
    margin-left: 1rem;
}
/* .tr-inner-top-links a:last-child {
    width: 26px;
    text-align: right;
} */


/* Top menu bar */
.tr-top-menu {
    width: 100%;
    padding: 1.8rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s ease-in-out;
}

/* Top menu bar logo */
.tr-top-menu .tr-top-menu-logo {
    display: block;
    flex-basis: 142px;
}
.tr-top-menu .tr-top-menu-logo {
    width: 142px;
}
.tr-top-menu .tr-top-menu-logo .logo-fill {
    fill: #fff;
}

/* Top menu bar Main Menu  */
.tr-top-main-menu ul.nav li {
    position: relative;
}
.tr-top-main-menu ul.nav a {
    color: #fff;
    display: inline-block;
    padding: .5rem 0;
    margin: 0 1rem;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
}
.tr-top-main-menu ul.nav li.active a::before {
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--torent-blue);
}
.tr-top-main-menu ul.nav ul {
    position: absolute;
    top: 100%;
    left: 50%;
    opacity: 0;
    height: 0;
    padding: 0;
    z-index: -1;
    transform: translateX(-50%);
    transition: all .4s ease-in-out;
    background: var(--torent-blue100);
    border-radius: .5rem;
    pointer-events: none;
}
.tr-top-main-menu ul.nav li:hover > ul {
    padding: .5rem 0;
    opacity: 1;
    height: auto;
    z-index: 10;
    pointer-events: all;
}
.tr-top-main-menu ul.nav ul a {
    color: var(--torent-dark);
    display: block;
    padding: .75rem 2rem;
    margin: 0;
    transition: all .4s ease-in-out;
}
.tr-top-main-menu ul.nav ul a::before {
    content: none !important;
}
.tr-top-main-menu ul.nav ul li:hover a,
.tr-top-main-menu ul.nav ul li.active a {
    color: #fff;
    background: var(--torent-dark);
}
.tr-top-main-menu ul.nav .nav-item.item-102 ul {
    height: 234px;
    width: 530px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.tr-top-main-menu button {
    color: #fff;
    width: 40px;
    padding: 0;
    font-size: 2rem;
    z-index: 10000;
    position: relative;
    box-shadow: none !important;
    border: 0 !important;
    z-index: 1000;
}
.tr-top-main-menu button:before,
.tr-top-main-menu button:after,
.tr-top-main-menu button span {
  background: #fff;
  content: "";
  display: block;
  height: 5px;
  border-radius: 3px;
  margin: 7px 0;
  transition: 0.5s;
}
.tr-top-main-menu button.menu-close:before {
  transform: translateY(12px) rotate(135deg);
}
.tr-top-main-menu button.menu-close:after {
  transform: translateY(-12px) rotate(-135deg);
}
.tr-top-main-menu button.menu-close span {
  transform: scale(0);
}
.tr-top-main-menu button.menu-close {
    position: fixed;
    top: 2rem;
    right: 2rem;
    z-index: 1650;
}
.tr-top-main-menu .navbar-collapse.show {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--torent-dark);
    z-index: 1600;
}
.tr-top-main-menu .navbar-collapse.show ul {
    max-height: 100%;
    padding: 2rem;
    display: block;
    overflow-y: auto;
}
.tr-top-main-menu .navbar-collapse.show ul.nav > li > a {
    margin: .5rem 0;
}
.tr-top-main-menu .navbar-collapse.show ul.nav ul a {
    padding: .75rem 1rem;
}
.tr-top-main-menu .navbar-collapse.show ul.nav ul {
    width: calc(100% - 6rem);
    height: auto;
    padding: 0;
    margin-left: 2rem;
    position: relative;
    display: block;
    left: 0;
    top: auto;
    transform: none;
    opacity: 1;
    pointer-events: all;
    z-index: inherit;
}


/* Top menu bar User menu */
.tr-top-menu .tr-top-user-menu {
    color: #aaa;
    line-height: 2.125rem;
    font-size: 2.125rem;
    font-weight: 300;
    text-align: right;
    white-space: nowrap;
}
.tr-top-menu .tr-top-user-menu a {
    display: inline-block;
    padding: .25rem .5rem;
    vertical-align: middle;
}
.tr-top-menu .tr-top-user-menu a:first-child {
    padding-left: 0;
}
.tr-top-menu .tr-top-user-menu a:last-child {
    padding-right: 0;
}
.tr-top-menu .tr-top-user-menu svg path {
    fill: #fff;
}
.tr-top-menu .tr-top-user-menu #search-btn {
    position: relative;
}
.tr-top-menu .tr-top-user-menu #tr-searchbox {
    display: none;
    position: fixed;
    width: 94%;
    top: 1rem;
    left: 3%;
    padding: 1rem;
    background: #fff;
    border: 2px solid var(--torent-blue400);
    border-radius: 0 1rem;
    box-shadow: 0 0 1.5rem var(--torent-dark);
    z-index: 2000;
}
.tr-top-menu .tr-top-user-menu #tr-searchbox.show-search {
    display: block;
}
.tr-top-menu .tr-top-user-menu #tr-searchbox input {
    color: var(--torent-dark);
    font-size: 28px;
    border: 0;
    box-shadow: none !important;
}
.tr-top-menu .tr-top-user-menu #tr-searchbox ::placeholder {
    color: var(--torent-blue200);
}
.tr-top-menu .tr-top-user-menu #tr-searchbox span {
    color: var(--torent-blue400);
    background: none;
    border: none;
}
.tr-top-menu .tr-top-user-menu #tr-searchbox button {
    color: var(--torent-blue400);
    font-size: 24px !important;
    font-weight: 700 !important;
    background: none;
    border: none;
}
.tr-top-menu .tr-top-user-menu #tr-cart-top {
    position: relative;
}
.tr-top-menu .tr-top-user-menu #tr-cart-top > div {
    color: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    top: .15rem;
    right: -.65rem;
    font-size: 12px;
    text-align-last: center;
    line-height: 20px;
    font-weight: 400;
    background: var(--torent-blue);
    border-radius: 50%;
}

/* Inner page style  */
.tr-top-wrapper-inner {
    background: rgba(255, 255, 255, 0.95);
}
.tr-top-wrapper-inner.top-scrolled {
    box-shadow: 0 0 1rem var(--torent-blue);
}
.tr-top-wrapper-inner.top-scrolled .tr-top-menu {
    padding: .75rem 0 1rem;
}
.tr-top-wrapper-inner .tr-top-menu .logo-fill {
    fill: var(--torent-blue);
}
.tr-top-wrapper-inner .tr-top-main-menu ul.nav a {
    color: var(--torent-dark);
}
.tr-top-wrapper-inner .tr-top-user-menu {
    color: var(--torent-blue200);
}
.tr-top-wrapper-inner .tr-top-user-menu svg path {
    fill: var(--torent-dark) !important;
}

.tr-top-wrapper-inner .tr-top-main-menu button:before,
.tr-top-wrapper-inner .tr-top-main-menu button:after,
.tr-top-wrapper-inner .tr-top-main-menu button span {
    background: var(--torent-blue);
}
.tr-top-wrapper-inner .tr-top-main-menu .navbar-collapse.show {
    background: #fff;
}


/* Home promo text */
.tr-home-promo {
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Montserrat";
    font-size: 2.3rem;
    font-weight: 200;
}
.tr-home-promo strong {
    font-weight: 800;
}
.tr-home-promo .small {
    font-weight: 300;
    font-size: 1rem;
}


/* Home social links and contacts */
.tr-home-social {
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
}
.tr-home-social p {
    margin-bottom: .75rem;
}
.tr-home-social a > i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    line-height: 2rem;
    text-align: center;
    transition: all .3s ease-in-out;
}
.tr-home-social a {
    color: #fff !important;
    max-width: 2rem;
    display: inline-block;
    padding-right: .5rem;
    overflow: hidden;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all .3s ease-in-out;
    border-radius: 0 .75rem;
}
.tr-home-social p:hover > a {
    max-width: 100%;
    font-weight: 700;
}
.tr-home-social p:hover > a > i {
    font-weight: 700;
    border-radius: 0 .75rem;
    background: var(--torent-blue);
}


/* Top Benefits */
.tr-top-benefits-wrapper {
    width: 980px;
    max-width: 100%;
    margin: 0 auto -7.25rem;
    position: relative;
    transform: translateY(-42%);
    z-index: 10;
}
.tr-top-benefits div.custom {
    width: 100%;
    display: flex;
    align-items: center;
}
.tr-top-benefits div.custom > div {
    color: #fff;
    padding: 2rem 1.5rem;
    flex-basis: 310px;
    text-align: center;
    background: var(--torent-dark900);
    border-radius: 5px 0 0 5px;
}
.tr-top-benefits div.custom > div .tr-benefit-icon {
    height: 60px;
    margin-bottom: 2rem;
    line-height: 60px;
    vertical-align: middle;
}
.tr-top-benefits div.custom > div .tr-benefit-icon img {
    max-height: 100%;
}
.tr-top-benefits div.custom > div:nth-child(2) {
    padding: 1.5rem 2.5rem 1.75rem;
    flex-basis: 360px;
    background: var(--torent-blue);
    background: linear-gradient(180deg, var(--torent-blue) 26%, var(--torent-dark900) 100%);
    border-radius: 5px;
}
.tr-top-benefits div.custom > div:nth-child(2) .tr-benefit-icon {
    height: 125px;
    vertical-align: middle;
}
.tr-top-benefits div.custom > div:last-child {
    border-radius: 0 5px 5px 0;
}
.tr-top-benefits div.custom > div h3 {
    margin-bottom: .75rem;
    display: block;
    font-family: Montserrat;
    font-size: 1.25rem;
    font-weight: 600;
}
.tr-top-benefits div.custom > div p {
    display: block;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5;
}

/* Subheader styles  */
.tr-subheader h1 {
    margin: 1rem 0;
    font-weight: 600;
}
.tr-subheader .mod-breadcrumbs {
    color: var(--torent-blue400);
    padding: 0 !important;
    font-size: 15px;
    line-height: 26px;
}
.tr-subheader .mod-breadcrumbs__here {
    font-size: 13px;
    font-weight: 500;
    /* line-height: 26px; */
    text-transform: uppercase;
    vertical-align: bottom;
}
.tr-subheader .breadcrumb-item + .breadcrumb-item::before {
    color: var(--torent-blue400);
    font-family: "Font Awesome 5 Pro";
    content: var(--bs-breadcrumb-divider, "\f30b");
}
.tr-subheader .mod-breadcrumbs li a {
    color: var(--torent-dark700);
    border-bottom: .5px solid;
}
.tr-subheader .mod-breadcrumbs li > span {
    color: var(--torent-blue);
}

/* Left/Right content styles */
.tr-content-left-wrapper {
    min-width: 25%;
    max-width: 25%;
    position: relative; 
    transition: all .3s ease-in-out;
}
.tr-content-left-toggle {
    color: var(--torent-dark700);
    width: 40px;
    height: 40px;
    display: none;
    position: absolute;
    top: -48px;
    right: calc(-2.5rem - 40px);
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    transition: right .3s ease-in-out;
    background: var(--torent-blue100);
    border-radius: 0 .5rem;
}
.tr-content-left {
    margin-right: 1.5rem;
    max-width: 100%;
    overflow: hidden;
}

/* Component area  */
.tr-component-wrapper {
    padding: 2.25rem 0 4.5rem;
}
.tr-component {
    width: 100%;
    display: flex;
}
.tr-component.column main{
    width: 100%;
}
.tr-component.column-left main,
.tr-component.column-right main {
    min-width: 75%;
    max-width: 75%;
}

main .tr-home-catalog {
    flex-wrap: nowrap;
    max-width: 100%;
    margin: 0;
}
main .tr-home-catalog h2 {
    color: var(--torent-dark);
    font-weight: 200;
}
main .tr-home-catalog .col-md {
    padding: 3.5rem 0;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 388px;
}
main .tr-home-catalog .col-md > div {
    min-width: 50%;
    max-width: 50%;
    display: block;
    text-align: center;
}
main .tr-home-catalog .col-md > div a {
    color: var(--torent-dark);
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
}
main .tr-home-catalog .col-md > div a:hover {
    text-decoration: underline;
}
main .tr-home-catalog .col-md > div img {
    display: inline-block;
    margin: .5rem auto 1rem;
    width: 100%;
    height: 104px;
    object-fit: contain;
    vertical-align: middle;
}
main .tr-home-catalog .col-md:nth-child(2) {
    margin: 0 1.8rem;
    padding: 5rem 2.25rem;
    display: block;
    flex-basis: calc(360px - .75rem);
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 1.875rem;
    font-weight: 300;
    text-align: center;
    background: var(--torent-blue100);
    border-radius: .5rem;
}
main .tr-home-catalog .col-md:nth-child(2) > div {
    max-width: none;
    min-width: none;
}
main .tr-home-catalog .col-md:nth-child(2) .catalog-promo strong {
    display: block;
    font-weight: 800;
}
main .tr-home-catalog .col-md:nth-child(2) .catalog-button {
    color: #fff;
    width: 100%;
    margin-top: 2rem;
    padding: 1.25rem 0;
    font-size: 1.875rem;
    font-weight: 500;
    border-radius: .7rem;
}
main .tr-home-catalog .col-md:nth-child(2) .catalog-button-text {
    font-family: "Open Sans";
    margin-top: .25rem;
    font-size: .875rem;
}

/* Category content styles  */
main .blog {
    display: flex;
}
main .blog-items {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
main .blog-items .blog-item {
    --blog-item-width: calc(100% / 3);
    min-width: var(--blog-item-width);
    max-width: var(--blog-item-width);
    padding: 0 1rem 2rem;
}
main .blog-item .item-content {
    padding: 1.5rem;
    border: 2px solid var(--torent-blue200);
    border-radius: 0 1.5rem;
    overflow: hidden;
}
main .blog-item .item-content figure {
    margin: -1.5rem -1.5rem 1.5rem;
}
main .blog-item h2 {
    height: 54px;
    margin-bottom: 1.5rem;
    font-size: 22px;
    overflow: hidden;
}
.page-103 main .blog-item h2 {
    height: auto;
}
main .blog-item .item-intro {
    height: 70px;
    margin-bottom: 1rem;
    font-size: 15px;
    line-height: 1.5;
    overflow: hidden;
}
main .blog-item .readmore {
    margin: 0;
}
main .blog-item .readmore .btn {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Article content styles  */
main img {
    max-width: 100%;
    height: auto;
}
main .com-content-article {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
}
.page-101 main .com-content-article,
.page-138 main .com-content-article {
    width: 100%;
}
main .com-content-article a {
    color: var(--torent-dark600);
    font-weight: 400;
}
main .com-content-article strong {
    font-weight: 500;
}
main .com-content-article p {
    margin-bottom: 3rem;
}
main .com-content-article ul {
    padding-left: 3rem;
    margin-bottom: 3rem;
}
main .com-content-article img {
    margin-bottom: 2rem;
    border-radius: 0 1.5rem;
}
main .com-content-article hr {
    margin: 3rem 0;
    background: var(--torent-blue400);
}


/* Contact form  */
.fwc-panels {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.fwc-panels .fwc-info {
    width: 30%;
    line-height: 1.4;
}
.fwc-panels .fwc-info h3,
.fwc-panels .fwc-box h3 {
    color: var(--torent-dark700);
    margin: 2.5rem 0 1rem;
    font-weight: 500;
}
.fwc-panels .fwc-info h3:first-child {
    margin-top: 0;
}
.fwc-panels .fwc-box {
    width: 70%;
}
.fwc-panels .fwc-box h3 {
    margin: 0 0 1.5rem;
}
.fwc-panels .fwc-form {
    padding: 2rem 4rem 2.5rem;
    background: rgba(210, 239, 249, 0.5);
    border-radius: 0 2rem;
}
.fwc-panels .fwc-field-group {
    border: 1px solid var(--torent-blue);
    border-radius: 0 2rem;
    overflow: hidden;
}
.fwc-panels .fwc-field-group input,
.fwc-panels .fwc-field-group textarea {
    color: var(--torent-dark700);
    padding: 1rem 1.5rem;
    line-height: 1.6;
    border: 0;
    border-bottom: 1px solid var(--torent-blue);
    border-radius: 0;
    box-shadow: none !important;
}
.fwc-panels .fwc-field-group ::-webkit-input-placeholder {
    color: var(--torent-blue400);
}
.fwc-panels .fwc-field-group ::-ms-input-placeholder {
    color: var(--torent-blue400);
}
.fwc-panels .fwc-field-group ::placeholder {
    color: var(--torent-blue400);
}
.fwc-panels .fwc-field-group textarea {
    height: 150px;
    border: 0;
}
.fwc-panels .fwc-field-wrapper {
    position: relative;
}
.fwc-panels .fwc-field-wrapper .alert {
    color: var(--torent-orange);
    position: absolute;
    top: .25rem;
    left: 0;
    margin: 0;
    padding: 0 1.5rem;
    font-size: 12px;
    line-height: 1.2;
    background: none;
    border: 0;
}
.fwc-panels .fwc-field-wrapper label {
    color: var(--torent-orange);
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-weight: 600;
}
.fwc-panels .fwc-form-button {
    margin: 2rem 0 0;
    text-align: right;
}
.fwc-panels .fwc-form-button button {
    padding: 1rem 2rem;
    font-size: 20px;
}


/* Bottom dark styles  */
.tr-bottom-dark-wrapper {
    color: #fff;
    padding: 5rem 0;
    position: relative;
    background: var(--torent-dark);
    overflow: hidden;
}
.tr-bottom-dark-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 600px;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    background: var(--torent-dark);
    background: radial-gradient(var(--torent-blue) 0%, var(--torent-dark) 65%);
}
.tr-bottom-dark {
    position: relative;
    z-index: 10;
}
.tr-bottom-dark .col-md .service-item {
    padding: 0 3rem 0 5rem;
    font-size: .875rem;
    position: relative;
}
.tr-bottom-dark .col-md .service-item::before {
    content: '';
    color: var(--torent-dark600);
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.tr-bottom-dark .col-md:nth-child(1) .service-item:before {
    content: '\f7d9';
}
.tr-bottom-dark .col-md:nth-child(2) .service-item:before {
    content: '\f590';
}
.tr-bottom-dark .col-md:nth-child(3) .service-item:before {
    content: '\f559';
    font-size: 65px;
}
.tr-bottom-dark h2 {
    color: #fff;
    margin-bottom: 2.5rem;
    font-size: 1.875rem;
    font-weight: 200;
    text-align: center;
}
.tr-bottom-dark h2 strong {
    font-weight: 700;
}
.tr-bottom-dark h3 {
    margin-bottom: .5rem;
    font-size: 1.375rem;
    font-weight: 600;
    text-shadow: 0 1px 1px var(--torent-dark);
}
.tr-bottom-dark p {
    color: var(--torent-blue100);
    max-height: 80px;
    overflow: hidden;    
}
.tr-bottom-dark a {
    color: var(--torent-blue);
    text-transform: uppercase;
    text-decoration: none;
}


/* Bottom light styles  */
.tr-bottom-light-wrapper {
    padding: 5rem 0;
}
/* .tr-bottom-light .col-md {
    padding: 0;
} */
.tr-bottom-light .team-header {
    text-align: right;
    align-items: top;
}
.tr-bottom-light h2 {
    color: var(--torent-dark);
    font-weight: 200;
    text-align: left;
}
.tr-bottom-light a.btn {
    color: var(--torent-blue);
    margin: 0 0 0 auto;
    padding: .5rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.1;
    text-transform: capitalize;
    background: #fff;
    border: 2px solid var(--torent-blue);
    border-radius: .5rem;
}
.team-member {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto 2rem;
    background: rgba(210, 239, 249, 0.5);
    border-radius: 0 1.5rem;
    overflow: hidden;
}
.team-member img {
    width: 100%;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
.team-member-info {
    color: var(--torent-blue);
    padding: 1.75rem 0 1rem;
    line-height: 2;
    text-align: center;
    background-color: #fff;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}
.team-member-info strong {
    color: var(--torent-dark);
    font-size: 1.25rem;
    font-family: Montserrat;
    font-weight: 600;
    display: block;
}
.team-member:hover {
}
.team-member:hover .team-member-info {
    background-color: #0D455B;
}
.team-member:hover .team-member-info strong {
    color: #fff;
}


/* Pagination styles  */
div.pagination {
    justify-content: center;
}
div.pagination nav ul {
    color: var(--torent-dark700);
    margin: 2rem 0 0;
}
ul.pagination .page-item .page-link {
    color: var(--torent-dark700);
    width: 2.5rem;    
    height: 100%;
    display: inline-block;
    text-align: center;
    border-color: var(--torent-dark700);
}
ul.pagination .page-item.active .page-link {
    color: #fff;
    background: var(--torent-dark700);
    border-color: var(--torent-dark700);
}
ul.pagination .page-item.disabled .page-link {
    color: var(--torent-blue200);
    border-color: var(--torent-blue200);
}
ul.pagination .page-item span.icon-angle-double-left::before,
ul.pagination .page-item span.icon-angle-double-right::before,
ul.pagination .page-item span.icon-angle-left::before,
ul.pagination .page-item span.icon-angle-right::before {
    content: '\f100';
    font-family: "Font Awesome 5 Pro";
}
ul.pagination .page-item span.icon-angle-double-right::before {
    content: '\f101';
}
ul.pagination .page-item span.icon-angle-left::before {
    content: '\f104';
}
ul.pagination .page-item span.icon-angle-right::before {
    content: '\f105';
}



/* Footer styles  */
.tr-footer-modules-wrapper {
    color: #fff;
    padding: 3.25rem 0;
    font-family: Montserrat;
    font-size: .9rem;
    font-weight: 300;
    line-height: 2;
    background: var(--torent-dark);
}
.tr-footer-modules a {
    color: #fff;
}
.tr-footer-modules h3 {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}
.tr-footer-modules p:last-child {
    margin-bottom: 0;
}
.tr-footer-modules ul.nav {
    display: block;
}
.tr-footer-modules ul.nav li a {
    color: #fff;
    display: block;
}
.tr-footer-products {
    max-height: 360px;
    overflow: hidden;
}

.tr-footer-map  {
    margin-top: 1rem;
    line-height: 0 !important;
    border-radius: 0 1rem 0 1rem;
    overflow: hidden;
}

.tr-footer-bottom {
    padding: 1.5rem 0;
    font-size: .875rem;
}
.tr-footer-bottom p:last-child {
    margin-bottom: 0;
}
.tr-footer-links {
    text-align: right;
}
.tr-footer-links a {
    color: var(--torent-dark);
    text-decoration: underline;
}
.tr-footer-links a + a {
    margin-left: 1.5rem;
}

/* Go top styles  */
.tr-gotop {
    color: var(--torent-dark);
    width: 4rem;
    height: 4rem;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    transition: all .3s ease-in-out;
    border-radius: 50%;
    background: rgba(210, 239, 249, 0.8);
    z-index: 1000;
}
.tr-gotop.show {
    opacity: 1;
    pointer-events: all;
}
.tr-gotop i {
    font-size: 45px;
    line-height: 4rem;
}


/* Modal dialog styles  */
.modal-content {
    color: var(--torent-dark700);
    border: 2px solid var(--torent-blue400);
    border-radius: 0 1.5rem;
    overflow: hidden;
}
.modal-content .modal-header {
    background: var(--torent-blue100);
    border: 0;
}
.modal-content .modal-title {
    color: var(--torent-dark);
    font-family: "Montserrat";
    font-size: 30px;
    font-weight: 500;
}
.modal-content .btn-close {
    color: var(--torent-dark);
    width: 2rem;
    height: 2rem;
    padding: .5rem;
    font-weight: 600;
    opacity: 1;
}
.modal-content .modal-body {
    padding: 1.5rem;
}
.modal-content .modal-footer {
    border: 0;
    box-shadow: 0 0 1rem var(--torent-blue200);
}
.modal-content .modal-footer button {
    font-size: 22px;
    padding: 1rem 2rem;
}

/* Extra large 	xl 	≥1200px */
@media (max-width: 1200px) {
    .container {
        max-width: calc(100% - 4rem);
        margin: 0 2rem;
    }
    main .tr-home-catalog  {
        flex-wrap: nowrap;
    }
    main .tr-home-catalog .col-md {
        flex-basis: 280px;
    }
    main .tr-home-catalog .col-md > div a {
        font-size: 1.2rem;
    }
    main .tr-home-catalog .col-md:nth-child(2) {
        padding: 5rem 1.75rem;
        flex-basis: calc(320px - .75rem);
    }
    .tr-content-left-wrapper {
        min-width: 35%;
        max-width: 35%;
    }
    .tr-component.column-left main, 
    .tr-component.column-right main {
        min-width: 65%;
        max-width: 65%;
    }
}

/* Large 	lg 	≥992px */
@media (max-width: 992px) {
    .tr-top-main-menu ul.nav a {
        margin: 0 .75rem;
    }
    main .blog-items .blog-item {
        --blog-item-width: calc(100% / 2);
    }
    main .tr-home-catalog {
        display: block;
    }
    main .tr-home-catalog .col-md {
        padding: 0;
    }
    main .tr-home-catalog .col-md:nth-child(2) {
        margin: 2rem 0;
        padding: 3rem;
    }
    main .tr-home-catalog .col-md:nth-child(2) .catalog-button {
        margin-top: 0;
    }
    .tr-bottom-dark .col-md .service-item {
        padding-right: 0;
    }
    .tr-bottom-light .team-section .col-md {
        max-width: 50%;
        min-width: 50%;
    }
    .tr-bottom-light .team-member {
        margin-bottom: 2rem;
    }
    .tr-bottom-light .col-md:last-child .team-member {
        margin-bottom: 0;
    }
    .modal-dialog {
        max-width: 700px;
    }    
}
  
/* Medium 	md 	≥768px */
@media (max-width: 768px) {
    .tr-inner-top .container {
        flex-wrap: wrap-reverse;
        justify-content: none;
    }
    .tr-inner-top .container > div {
        width: 100%;
        text-align: center;
    }
    .tr-inner-top .container > div:last-child {
        border-bottom: .5px solid #fff;
    }
    .tr-inner-top-links a:last-child {
        border-right: .5px solid #ffff;
    }
    .tr-content-left-toggle {
        display: block;
    }
    .tr-content-left-wrapper {
        width: 350px;
        padding: 1.5rem;
        max-width: none;
        display: block;
        position: absolute;
        top: 0;
        left: calc(-350px - 40px);
        transition: left .3s ease-in-out;
        background: #fff;
        box-shadow: 0 0 .5rem var(--torent-blue);
        border-radius: 0 1rem;
        z-index: 200;
    }   
    .show-left .tr-content-left-toggle {
        right: 0;
    }
    .tr-component {
        position: relative;
    }
    .tr-component.column-left main {
        min-width: 100%;
        max-width: 100%;
    }    
    .show-left .tr-content-left-wrapper {
        left: 0;
    }
    h1 {
        font-size: 2rem;
    }
    .tr-top-main-menu {
        order: 3;
    }
    .tr-top-user-menu {
        order: 2;
    }
    .tr-top-benefits-wrapper {
        transform: translateY(-12.5rem);
        margin: 0 0 -12.5rem;
    }
    .tr-top-benefits div.custom {
        display: block;
    }
    .tr-top-benefits div.custom > div {
        margin: 0 2rem 2rem;
        border-radius: .5rem;
    }
    main .blog-items .blog-item {
        --blog-item-width: 100%;
        max-width: 100%;
    }
    .tr-bottom-dark .col-md .service-item {
        margin: 0 3rem 3.5rem;
    }
    .tr-bottom-dark .col-md:last-child .service-item {
        margin-bottom: 0;
    }
    .team-header .col-md {
        text-align: center;
        margin-bottom: 2rem;
    }
    .tr-footer-modules .col-md-5 {
        margin-bottom: 2rem;
    }
    .tr-footer-bottom,
    .tr-footer-links {
        text-align: center;
    }
    .tr-footer-bottom div + div {
        margin-top: 1rem;
    }
    .fwc-panels {
        flex-wrap: wrap;
    }
    .fwc-panels .fwc-info,
    .fwc-panels .fwc-box {
        width: 100%;
    }
    .fwc-panels .fwc-info {
        margin-bottom: 3rem;
        text-align: center;
    }
}

/* X-Small 	None 	<576px */
@media (max-width: 575px) {
    .tr-home-promo {
        font-size: 1.5rem;
    }
    .tr-home-promo .small {
        font-size: .8rem;
    }
    .tr-home-promo p {
        margin-bottom: .75rem;
    }
    .tr-bottom-light .team-section .col-md {
        max-width: 100%;
        min-width: 100%;
    }
    .tr-footer-modules .col-md-5 {
        margin-bottom: 0;
    }
    .tr-footer-modules .row .row > div {
        margin-bottom: 2rem;
    }
    .fwc-panels .fwc-form {
        padding: 2rem 2rem 2.5rem;
    }
}


/* ------------------------------------------------------------------
   2026-09-28: Joomla 4+ mod_menu anvander Joomlas egna icon-*-klasser
   som den har mallen (torent, 2021) aldrig kant till. Resultatet var en
   tom klickbar knapp efter Products/Services/Company, och en osynlig
   hamburgerknapp pa mobil. Mappas till mallens egen Font Awesome 5 Pro.
   ------------------------------------------------------------------ */
.icon-chevron-down::before,
.icon-menu::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-chevron-down::before { content: "\f078"; }
.icon-menu::before         { content: "\f0c9"; }

.navbar-toggler .icon-menu { font-size: 1.5rem; }
.mod-menu__toggle-sub      { margin-left: .35rem; font-size: .75rem; }

/* ------------------------------------------------------------------
   2026-09-28: morkare och mattad blaskala. Orange oforandrad.
   Overskriver :root-varden fran rad 2-12. Hue ca 197 -> 202 grader,
   hogre mattnad, lagre ljushet i mellanstegen.
   Kontrast mot vitt: --torent-blue 2.4:1 -> 4.55:1 (WCAG AA),
   --torent-dark700 5.6:1 -> 8.1:1.
   Backa genom att ta bort detta block.
   ------------------------------------------------------------------ */
:root {
    --torent-blue100: #CFE8F5;
    --torent-blue200: #9BD2EC;
    --torent-blue400: #3AA8DA;
    --torent-blue:    #0E7DB3;
    --torent-dark600: #0E6E9E;
    --torent-dark700: #0B5479;
    --torent-dark:    #062B3D;
    --torent-dark900: #04161F;
}

/* ------------------------------------------------------------------
   2026-09-28: nattare kategorivyer. Mindre text, lagre namnfalt,
   kompaktare rutnat och tatare kategorilista i sidospalten.

   Kaskad: com_fwsupermarket/assets/css/styles.css laddas FORE
   template.css -> rutorna kan overskridas med samma specificitet.
   mod_fwsm_accordion/assets/css/styles.css laddas EFTER template.css
   -> sidospalten kraver hogre specificitet, darav prefixen
   .tr-content-left / .mod-fwsm-categroies. Inga !important.

   Backa genom att ta bort detta block.
   ------------------------------------------------------------------ */

/* --- Kategorirutor --- */
.fwsm-category-view .fwsm-category-item {
    height: 156px;
    margin-bottom: 1.25rem;
    border-radius: 0 .75rem 0 .75rem;
}
.fwsm-category-view .fwsm-category-item img {
    height: 108px;
    padding: .4rem 0;
}
.fwsm-category-view .fwsm-category-item h2 {
    height: 44px;
    margin-bottom: 0;
    padding: .35rem .5rem;
    font-size: 15px;
    line-height: 1.15;
    border-radius: 0 0 0 11px;
}
.fwsm-category-item-count {
    top: .6rem;
    right: .6rem;
    padding: .2rem .4rem;
    font-size: 12px;
}

/* --- Kategorilistan i sidospalten --- */
.tr-content-left .mod-fwsm-categroies h3 {
    margin-bottom: .5rem;
    font-size: 16px;
}
.mod-fwsm-categroies dl.accordion dt span {
    padding: .35rem .25rem .35rem 0;
    font-size: .875rem;
}
.mod-fwsm-categroies dl.accordion dt i {
    width: 26px;
    height: 26px;
    padding: .4rem .5rem;
    font-size: 12px;
    line-height: 11px;
}
.mod-fwsm-categroies dl.accordion dd dl dt {
    padding-left: 18px;
}
.mod-fwsm-categroies dl.accordion dd dl dd dl dt {
    padding-left: 32px;
}

/* ------------------------------------------------------------------
   2026-09-28: kategorirutor - morkblatt namnfalt med vit text,
   orange hover. Ramen i samma morkbla som bandet sa rutan laser
   som ett kort.

   Kontrast: vit pa #062B3D = 14.8:1. Morkbla pa orange = 6.6:1
   (vit pa orange vore 2.2:1 - darfor mork text vid hover).

   Mallens globala a:hover sattar understruken ljusbla text; den
   stangs av har for rutorna. :focus-within ger samma markering
   for tangentbordsnavigering.

   Backa genom att ta bort detta block.
   ------------------------------------------------------------------ */

.fwsm-category-view .fwsm-category-item {
    border-color: var(--torent-dark);
    transition: border-color .18s ease;
}
.fwsm-category-view .fwsm-category-item h2 {
    color: #fff;
    background: var(--torent-dark);
    transition: background-color .18s ease, color .18s ease;
}
.fwsm-category-item-count {
    transition: background-color .18s ease;
}
.fwsm-category-view .fwsm-category-item a,
.fwsm-category-view .fwsm-category-item a:hover,
.fwsm-category-view .fwsm-category-item a:focus {
    text-decoration: none;
}

.fwsm-category-view .fwsm-category-item:hover,
.fwsm-category-view .fwsm-category-item:focus-within {
    border-color: var(--torent-orange);
}
.fwsm-category-view .fwsm-category-item:hover h2,
.fwsm-category-view .fwsm-category-item:focus-within h2 {
    color: var(--torent-dark);
    background: var(--torent-orange);
}
.fwsm-category-view .fwsm-category-item:hover .fwsm-category-item-count,
.fwsm-category-view .fwsm-category-item:focus-within .fwsm-category-item-count {
    background: var(--torent-dark);
}

/* ------------------------------------------------------------------
   2026-09-28: kategorilistan i sidospalten.
   1) + far samma morkbla som - , sa listan inte vaxlar mellan bla
      och mork utan anledning.
   2) Hover och tangentbordsfokus ger orange text OCH ikon, samma
      markering som kategorikorten.

   Modulens CSS laddas EFTER template.css och dess dt.open > a > i
   ar 0-2-4 i specificitet. Hover-regeln har ar 0-3-4 och vinner
   utan !important.

   Backa genom att ta bort detta block.
   ------------------------------------------------------------------ */

.mod-fwsm-categroies dl.accordion dt i {
    color: var(--torent-dark900);
    transition: color .15s ease;
}
.mod-fwsm-categroies dl.accordion dt span {
    transition: color .15s ease;
}

.mod-fwsm-categroies dl.accordion dt > a:hover > span,
.mod-fwsm-categroies dl.accordion dt > a:hover > i,
.mod-fwsm-categroies dl.accordion dt > a:focus > span,
.mod-fwsm-categroies dl.accordion dt > a:focus > i {
    color: var(--torent-orange);
    text-decoration: none;
}
.mod-fwsm-categroies dl.accordion dt > a:hover,
.mod-fwsm-categroies dl.accordion dt > a:focus {
    text-decoration: none;
}

/* ------------------------------------------------------------------
   2026-09-28: produktkort, produktsida och kundvagn till den nya
   paletten. Komponentens CSS laddas FORE template.css, sa samma
   selektorer racker - ingen specificitetshojning, inga !important.

   Backa genom att ta bort detta block. Vill du bara backa
   knappfargen, ta bort de tre reglerna under "KNAPPTEXT" sist.
   ------------------------------------------------------------------ */

/* --- Produktkort i listan --- */
.fwsm-product {
    border-color: var(--torent-dark);
    transition: border-color .18s ease;
}
.fwsm-product:hover,
.fwsm-product:focus-within {
    border-color: var(--torent-orange);
}
.fwsm-product-price-label {
    color: var(--torent-dark700);
    font-size: 14px;
}
.fwsm-product-image-thumb {
    border-color: var(--torent-dark);
}

/* --- Produktsidan --- */
.fwsm-product-page .fwsm-product-left .fwsm-product-image {
    border-color: var(--torent-dark);
}
.fwsm-product-page .fwsm-related-product-image,
.fwsm-product-page .fwsm-optional-product-image {
    border-color: var(--torent-dark);
}

/* --- Antalsvaljaren: morkbla i stallet for ljusbla --- */
.fwsm-product-price-quantity .input-group > * {
    border-color: var(--torent-dark);
}
.fwsm-product-price-quantity .input-group > span {
    background: var(--torent-dark);
}

/* --- Valutavaljarens etikett --- */
.fwsm-currency-block {
    color: var(--torent-dark700);
}

/* --- Kundvagnens tabellhuvud --- */
.fwsm-cart-products table th {
    background: var(--torent-dark);
}

/* --- KNAPPTEXT: mork pa orange ger 6.6:1 i stallet for 2.2:1 --- */
.btn,
.button {
    color: var(--torent-dark);
}
.btn:hover,
.btn:focus {
    color: var(--torent-dark900);
}
main .tr-home-catalog .col-md:nth-child(2) .catalog-button {
    color: var(--torent-dark);
}

/* ==== 2rent: Used gear sales page (menu item 104) – green sales accent, distinct from the blue rental catalogue ==== */
.page-104 .ug-wrapper{--torent-blue400:#2FA56A;--torent-dark700:#0F5A3A;--torent-blue200:#A8DDBF;--torent-blue100:#E3F4EA;--torent-dark:#0F3D2E;--torent-blue:#1E9E5A;--torent-dark600:#177F48}
.page-104 .fwfm-page-title h1{color:#0F3D2E}
.page-104 .fwfm-page-title h1::after{content:'For sale';display:inline-block;vertical-align:middle;margin-left:14px;padding:4px 12px;border-radius:999px;background:#1E9E5A;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.page-104 .ug-product-item-price-btn .btn{color:#fff;background:#1E9E5A;border-color:#1E9E5A}
.page-104 .ug-product-item-price-btn .btn:hover,.page-104 .ug-product-item-price-btn .btn:focus{color:#fff;background:#177F48;border-color:#177F48}
.page-104 .ug-product-item-price-value{color:#177F48;font-weight:700;font-size:1.15rem}
.page-104 .ug-product-item-price-value span{font-weight:400;font-size:.8em}
.page-104 .ug-product-item-price-label{color:#1E9E5A;font-weight:600}

/* ------------------------------------------------------------------
   2026-09-28: toppbandet till den nya paletten.
   .tr-inner-top gick fran --torent-blue till --torent-dark sa att
   bandet hanger ihop med kategorikorten och namnfalten.
   Hover pa lankarna blir orange, samma markering som korten och
   sidospalten. Avdelarna mjukas fran heldragen vit.

   Backa genom att ta bort detta block.
   ------------------------------------------------------------------ */

.tr-inner-top {
    background: var(--torent-dark);
}
.tr-inner-top-links a {
    border-left-color: rgba(255, 255, 255, .25);
}
.tr-inner-top-links a:hover,
.tr-inner-top-links a:focus {
    color: var(--torent-dark);
    background: var(--torent-orange);
}

/* Aktiv menypost: understrykningen i morkbla, inte ljusbla */
.tr-top-main-menu ul.nav li.active a::before {
    background: var(--torent-dark);
}

/* Toppmenyn saknade hover helt */
.tr-top-wrapper-inner .tr-top-main-menu ul.nav > li > a {
    transition: color .15s ease;
}
.tr-top-wrapper-inner .tr-top-main-menu ul.nav > li > a:hover,
.tr-top-wrapper-inner .tr-top-main-menu ul.nav > li > a:focus {
    color: var(--torent-orange);
}

/* ------------------------------------------------------------------
   2026-09-28: kategoritexten - lasbar radlangd och riktiga stycken.
   Full sidbredd ger 130+ tecken per rad, vilket ogat tappar bort sig i.
   68ch ligger i det intervall som ar bekvamt att lasa.

   Backa genom att ta bort detta block.
   ------------------------------------------------------------------ */

.category_description,
.fwsm-category-section-description {
    max-width: 68ch;
    margin: 2rem 0 2.5rem;
    padding-top: 1.5rem;
    color: var(--torent-dark);
    font-size: 1rem;
    line-height: 1.65;
    border-top: 1px solid var(--torent-blue100);
}
.category_description p,
.fwsm-category-section-description p {
    margin: 0 0 1.1rem;
}
.category_description p:last-child,
.fwsm-category-section-description p:last-child {
    margin-bottom: 0;
}
.category_description h3,
.category_description h4 {
    margin: 1.75rem 0 .6rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--torent-dark700);
}
.category_description ul,
.category_description ol {
    margin: 0 0 1.1rem;
    padding-left: 1.25rem;
}
.category_description li {
    margin-bottom: .35rem;
}
.category_description a {
    color: var(--torent-blue);
    text-decoration: underline;
}

/* ==== 2rent: Main menu: submenu toggles – hidden (hover opens submenus); chevron only on touch devices at desktop width ==== */
.tr-top-main-menu .mod-menu__toggle-sub{display:none!important}
.tr-top-main-menu .mod-menu__toggle-sub::before,.tr-top-main-menu .mod-menu__toggle-sub::after{content:none!important;display:none!important}
.tr-top-main-menu ul.nav li:focus-within > ul,.tr-top-main-menu ul.nav .mod-menu__sub[aria-hidden=false]{padding:.5rem 0;opacity:1;height:auto;z-index:10;pointer-events:all}
@media (hover:none) and (min-width:992px){
.tr-top-main-menu .mod-menu__toggle-sub{display:inline-block!important;padding:4px;margin-left:2px;line-height:1;color:inherit;background:none;border:0}
.tr-top-main-menu .mod-menu__toggle-sub span[class^=icon]{display:inline-block!important;width:7px!important;height:7px!important;margin:0 0 3px!important;background:none!important;border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0!important;transform:rotate(45deg);transition:transform .2s}
.tr-top-main-menu .mod-menu__toggle-sub span[class^=icon]::before{content:none!important}
.tr-top-main-menu .mod-menu__toggle-sub[aria-expanded=true] span[class^=icon]{transform:rotate(-135deg);margin:3px 0 0!important}
}


/* ------------------------------------------------------------------
   2rent: lagt fonster - hjaltesektionen maste vaxa

   .tr-home-promo ar absolutpositionerad och vertikalt centrerad i en
   sektion med height: 100vh. Sedan gig-panelen lades in i blocket ar
   det 668 px hogt, och ett absolutpositionerat barn kan inte be
   foraldern vaxa. Under ca 890 px fonsterhojd lagger det sig darfor
   over menyraden upptill och under korten nertill.

   Over 950 px hojd andras ingenting - sidan ser ut som forut dar den
   redan fungerar. Matt 2026-11-09.
   ------------------------------------------------------------------ */
@media (max-height: 950px) {
    .tr-top-wrapper {
        height: auto;
        min-height: 100vh;
    }
    .tr-home-promo {
        position: relative;
        top: auto;
        transform: none;
        padding: 1rem 0 10rem;
    }
}


/* Login page: keep the passkey icon small */
.plg_system_webauthn_login_button svg{width:1.4em;height:1.4em;vertical-align:-0.25em;margin-right:.4em}
.com-users-login{max-width:480px}