/*!
 * Flora Gems Local Styles
 * Copyright 2008-2017 Punchmark
 */

/*======================

General

=======================*/

.script {
    font-family: 'montserrat', sans-serif !important;
}


section.scrollable-section .section-scrollbar .section-scrollbar-thumb {
    background: var(--primary);
}

section.scrollable-section .section-scrollbar .section-scrollbar-thumb:hover, section.scrollable-section .section-scrollbar .section-scrollbar-thumb:focus {
    background: var(--bs-dark);
}

.fg-birthstone-list {
  margin: 1rem 0 !important;
  padding: 0 !important;
}

.fg-birthstone-list .fg-birthstone-row {
  position: relative !important;
  padding-left: 1.25rem !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.6 !important;
}

.fg-birthstone-list .fg-birthstone-row:before {
  content: "\2022" !important;
  position: absolute !important;
  left: 0 !important;
  color: #8a8a8a !important;
}

.fg-birthstone-list .fg-birthstone-month {
  font-weight: 600 !important;
}

/*======================

Header

=======================*/

.alert-global {
    background: #646974 !important;
    color: #fff !important;
}

.alert-global *,
.alert-global a,
.alert-global > a.alert-link {
    color: #fff !important;
}

.alert-global > a.alert-link:hover,
.alert-global > a.alert-link:focus {
    text-decoration: none !important;
}


@media (max-width: 767px) {
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: var(--bs-p-color);
    }
}


/*======================

Footer

=======================*/

footer {
    background-color: var(--secondary) !important;
}

footer div.copyrights {
    background: #646974 !important;
}

/*======================

Jewelry Details

=======================*/
@media (min-width: 768px) {
    #jewelry-details .small {
        font-size: 0.875rem !important;
    }
    #jewelry-details #product-details span.text-center,
    #jewelry-details #product-details div.text-center {
        text-align: left !important;
    }
}

/*======================

Temp fix - testimonials grid slider 2026

=======================*/

.testimonials-tiles-carousel .owl-carousel .owl-item {
    /* overflow: hidden;
    height: 100%;
    border: 1px solid var(--bs-input-border-color);
    background: var(--bs-input-bg-color);
    /* padding: .625rem; */
    /* border-radius: 4px;  */
    /* box-sizing: border-box !important; */
}

/* section.default .testimonials-tiles-carousel .owl-item>.d-flex {
    padding-top: 10px !important;
} */

/* .testimonials-tiles-carousel .owl-item>.d-flex {
    overflow: auto !important;
    height: 100%;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
} */

/* @media (min-width: 992px) {
    .testimonials-tiles-carousel .owl-item {
        padding: 1.25rem !important;
    }
    .testimonials-tiles-carousel .owl-item>.d-flex {
        padding: 0 !important;
    }
} */

/*======

rolex style updates - jul 2026

========*/

header .content-toolbar .content-toolbar-inner>ul>li.item-rolex-plaque {
    padding-top: 0 !important;
    height: 70px !important;
}

@media(min-width: 768px) {
    header a#logo {
        margin-top: 20px !important;
    }
}

@media (max-width: 767px) {
    header .content-toolbar .content-toolbar-inner>ul>li.item-rolex-plaque > a {
        padding-top: 0 !important;
    }

}
#home .rolex-banner h1 {
    font-family: 'helvetica-lt-pro', sans-serif !important;
}

nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item.item-rolex-plaque > a {
    height: 70px !important;
}

/*======================

Fix dropdown tabs - mobile visibility

=======================*/

header nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-plus>i.icon-plus {
    color:var(--bs-p-color) !important;
}

/*======================

SALE PRICE DISPLAY - Oct 2026 (Eduardo request)
Crossed-out = current/regular price, red = sale price.
Only affects items on sale (rules require a <strike>).
TO REVERT: delete this whole block, or restore css/local.css.bak-saleprice-20261009
(that backup also re-hides the crossed-out price), then clear cache.

=======================*/

/* Grid / category / specials: sale price = span right after the strike */
.grid-item-price strike {
  display: inline !important;
}
.grid-item-price strike + span {
  color: #c00 !important;
  font-weight: 700 !important;
}

/* Product details page */
#product-details-price > strike {
  display: inline !important;
  color: var(--bs-p-color) !important;
  font-weight: 400 !important;
}
#product-details-price:has(> strike) {
  color: #c00 !important;
  font-weight: 700 !important;
}

/* Wish list dropdown: core template prints <strike>SALE</strike> REGULAR (backwards).
   Swap order + styling so the regular price is crossed out and the sale price is red. */
.media-price:has(> strike) {
  display: inline-block !important;
  text-decoration: line-through;
}
.media-price:has(> strike) > strike {
  float: right;
  margin-left: .35em;
}
.media-price > strike {
  display: inline !important;
  text-decoration: none !important;
  opacity: 1 !important;
  color: #c00 !important;
  font-weight: 700 !important;
}