/* Bali Coco SPA - Color Scheme
   Primary: #B87A47 (Copper/Bronze)
   Secondary: #231711 (Dark Brown)
   NO ROUNDED CORNERS
*/

/* Primary Color */
.id-color,
.id-color-2 {
    color: #B87A47 !important;
}

.bg-color,
.bg-color-2,
.btn-main,
.btn-main:hover,
.de-rating-ext .d-stars i,
.subtitle {
    background: #B87A47 !important;
}

.btn-main {
    background: #B87A47 !important;
    color: #fff !important;
}

.btn-main:hover {
    background: #9a6339 !important;
}

.btn-line {
    border-color: #B87A47 !important;
    color: #B87A47 !important;
}

.btn-line:hover {
    background: #B87A47 !important;
    color: #fff !important;
}

/* Section Dark Background */
.section-dark,
.bg-dark,
footer {
    background: #231711 !important;
}

/* Links */
a {
    color: #B87A47;
}

a:hover {
    color: #9a6339;
}

/* Header */
header.smaller {
    background: #231711 !important;
}

#topbar {
    background: rgba(35, 23, 17, 0.9) !important;
}

/* Menu */
#mainmenu a:hover,
#mainmenu li.active > a {
    color: #B87A47 !important;
}

/* Overlay colors */
.overlay {
    background: linear-gradient(135deg, rgba(35, 23, 17, 0.8) 0%, rgba(35, 23, 17, 0.6) 100%);
}

/* De-loader */
#de-loader {
    background: #231711 !important;
}

#de-loader .lds-ring div {
    border-color: #B87A47 transparent transparent transparent !important;
}

/* Form elements */
input:focus,
textarea:focus,
select:focus {
    border-color: #B87A47 !important;
}

/* Selection */
::selection {
    background: #B87A47;
    color: #fff;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: #B87A47;
}

/* Stars rating */
.de-rating-ext .d-stars i {
    color: #B87A47 !important;
    background: transparent !important;
}

/* Counter */
.timer {
    color: #B87A47 !important;
}

/* NO ROUNDED CORNERS - CRITICAL */
*,
*::before,
*::after {
    border-radius: 0 !important;
}

.rounded-5px,
.rounded-10px,
.rounded-20px,
.rounded-up-100,
.rounded,
.rounded-circle,
.rounded-pill {
    border-radius: 0 !important;
}

/* Buttons no radius */
.btn,
.btn-main,
.btn-line,
button,
input[type="submit"],
input[type="button"] {
    border-radius: 0 !important;
}

/* Form elements no radius */
input,
textarea,
select,
.form-control {
    border-radius: 0 !important;
}

/* Cards and boxes no radius */
.card,
.card-body,
.card-header,
.card-footer,
.soft-shadow,
.overflow-hidden {
    border-radius: 0 !important;
}

/* Images no radius */
img {
    border-radius: 0 !important;
}

/* Shape masks - disable rounded */
.shape-mask-1,
.shape-mask-2 {
    border-radius: 0 !important;
}

/* Dropdown menus */
.dropdown-menu,
#mainmenu ul {
    border-radius: 0 !important;
}

/* Footer */
footer .subfooter {
    background: rgba(0, 0, 0, 0.2);
}

/* Social icons */
.social-icons a:hover {
    color: #B87A47 !important;
}

/* Gallery overlay */
.gallery-item:hover .gallery-overlay {
    background: rgba(184, 122, 71, 0.8);
}

/* CTA Section */
.cta-section {
    background: linear-gradient(135deg, #B87A47 0%, #9a6339 100%);
}

/* Feature boxes */
.feature-box .icon {
    color: #B87A47;
}

/* Swiper pagination */
.swiper-pagination-bullet-active {
    background: #B87A47 !important;
}

/* Back to top */
#back-to-top {
    background: #B87A47 !important;
}

#back-to-top:hover {
    background: #231711 !important;
}
