/* RHYTHM DIAM Custom Styles for Diamond Business */

:root {
     --primary-color: #183f72;
     --secondary-color: #839ab8;
     --accent-color: #23539b;
     --text-dark: #252525;
     --text-light: #ffffff;
     --gold-accent: #d4af37;
}

/* Override theme colors */
a:hover, a:active, a:focus {
     color: var(--primary-color) !important;
}

.section-btn {
     background: var(--primary-color);
     border: 2px solid var(--primary-color);
     color: white;
     padding: 14px 30px;
}

.section-btn:hover {
     background: transparent;
     color: var(--primary-color) !important;
     border-color: var(--primary-color);
}

.btn-gray {
     background: var(--secondary-color) !important;
     border-color: var(--secondary-color) !important;
}

.btn-blue {
     background: var(--accent-color) !important;
     border-color: var(--accent-color) !important;
}

/* Navbar branding */
.navbar-brand {
     font-size: 28px;
     font-weight: 700;
     letter-spacing: -1px;
     color: var(--primary-color) !important;
}

.navbar-brand i {
     color: var(--primary-color);
     margin-right: 5px;
}

.navbar-brand:hover {
     color: var(--accent-color) !important;
}

/* Team/Product boxes */
#products .team-thumb,
#team .team-thumb {
     border: 2px solid #f0f0f0;
     transition: all 0.3s;
}

#products .team-thumb:hover,
#team .team-thumb:hover {
     border-color: var(--primary-color);
     transform: translateY(-10px);
     box-shadow: 0 15px 40px rgba(24, 63, 114, 0.15);
}

/* Form controls */
.form-control:focus {
     border-color: var(--primary-color);
     box-shadow: 0 0 0 0.2rem rgba(24, 63, 114, 0.25);
}

#cf-submit {
     background: var(--primary-color);
     border: 2px solid var(--primary-color);
     color: white;
     cursor: pointer;
     transition: all 0.3s;
}

#cf-submit:hover {
     background: var(--accent-color);
     border-color: var(--accent-color);
     transform: translateY(-2px);
}

/* Footer */
footer {
     background: var(--primary-color) !important;
}

footer h4 {
     color: white !important;
}

footer p, footer span {
     color: rgba(255,255,255,0.9);
}

footer a {
     color: white;
}

footer a:hover {
     color: var(--gold-accent) !important;
}

.social-icon li a {
     background: rgba(255,255,255,0.1);
     border: 2px solid rgba(255,255,255,0.2);
}

.social-icon li a:hover {
     background: white;
     color: var(--primary-color) !important;
     border-color: white;
}

/* Feature boxes */
.feature-box {
     padding: 30px;
     text-align: center;
     background: #f8f9fa;
     border-radius: 10px;
     margin-bottom: 30px;
     transition: all 0.3s;
     border: 2px solid transparent;
}

.feature-box:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 30px rgba(0,0,0,0.1);
     border-color: var(--primary-color);
}

.feature-box i {
     font-size: 3em;
     color: var(--primary-color);
     margin-bottom: 20px;
     display: block;
}

.feature-box h4 {
     color: var(--text-dark);
     font-size: 1.3em;
     margin-bottom: 15px;
}

.feature-box p {
     margin-bottom: 0;
}

/* Stats section */
.stats-section {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
     color: white;
}

.stats-box {
     text-align: center;
     padding: 20px;
}

.stats-box h2 {
     color: white;
     font-size: 3em;
     font-weight: 700;
     margin-bottom: 10px;
}

.stats-box p {
     color: white;
     font-size: 1.1em;
     opacity: 0.9;
}

/* Slider customization - Use Diamond Backgrounds */
.slider .item-first {
     background: url('../images/slider1.jpg') no-repeat center center !important;
     background-size: cover !important;
     position: relative;
}

.slider .item-first::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.slider .item-second {
     background: url('../images/slider2.jpg') no-repeat center center !important;
     background-size: cover !important;
     position: relative;
}

.slider .item-second::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.slider .item-third {
     background: url('../images/slider3.jpg') no-repeat center center !important;
     background-size: cover !important;
     position: relative;
}

.slider .item-third::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.slider .caption {
     position: absolute;
     bottom: 80px;
     left: 0;
     right: 0;
     z-index: 2;
     background: transparent !important;
     height: auto !important;
     display: block !important;
     text-align: left !important;
}

.slider .caption h1,
.slider .caption h3 {
     color: #ffffff !important;
     text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8) !important;
     font-weight: 700 !important;
     margin-bottom: 15px !important;
}

.slider .caption h1 {
     font-size: 48px !important;
}

.slider .caption h3 {
     font-size: 24px !important;
     font-weight: 400 !important;
}

.slider .caption .section-btn {
     margin-top: 20px;
}

/* Add diamond sparkle effect */
.fa-diamond {
     animation: sparkle 2s infinite;
}

@keyframes sparkle {
     0%, 100% { opacity: 1; }
     50% { opacity: 0.7; transform: scale(1.1); }
}

/* Header top bar */
header {
     background: linear-gradient(90deg, var(--primary-color) 0%, var(--accent-color) 100%);
}

header p, header span, header a {
     color: white !important;
}

header .phone-icon, header .date-icon, header .email-icon {
     margin-left: 15px;
}

header .fa {
     margin-right: 8px;
}

/* Navigation hover effect */
.navbar-nav li a {
     font-weight: 500;
     transition: all 0.3s;
}

.navbar-nav li a:hover {
     color: var(--primary-color) !important;
}

.navbar-nav li.appointment-btn a {
     background: var(--primary-color);
     color: white !important;
}

.navbar-nav li.appointment-btn a:hover {
     background: var(--accent-color);
}

/* News/Service cards */
.news-thumb {
     transition: all 0.3s;
}

.news-thumb:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.news-info h3 a {
     color: var(--primary-color);
}

.news-info h3 a:hover {
     color: var(--accent-color) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
     .stats-box h2 {
          font-size: 2em;
     }
     
     .navbar-brand {
          font-size: 22px;
     }
     
     .feature-box {
          margin-bottom: 20px;
     }
}

/* Additional diamond business specific styles */
.diamond-highlight {
     color: var(--primary-color);
     font-weight: 600;
}

.certification-badge {
     display: inline-block;
     padding: 5px 15px;
     background: var(--primary-color);
     color: white;
     border-radius: 20px;
     font-size: 0.9em;
     margin: 5px;
}

.quality-seal {
     border: 3px solid var(--gold-accent);
     padding: 20px;
     border-radius: 10px;
     background: rgba(212, 175, 55, 0.05);
}

/* About section - clean white background */
#about {
     background: #ffffff !important;
}

/* Team/Products section */
#team, #products {
     background: #ffffff !important;
}

/* Services/News section - light background */
#news, #services {
     background: #f8f9fa !important;
}

/* Appointment section - white background */
#appointment {
     background: #ffffff !important;
}

/* Fix image alignment in products/team section */
#products .team-thumb img,
#team .team-thumb img {
     width: 100%;
     height: auto;
     max-width: 100%;
     object-fit: contain;
}

/* Fix profile image */
.profile img {
     border-radius: 10px;
     box-shadow: 0 5px 20px rgba(0,0,0,0.1);
     width: 100%;
     max-width: 150px;
     height: auto;
}

.profile {
     margin-top: 30px;
     display: flex;
     align-items: center;
     gap: 20px;
}

.profile figcaption {
     flex: 1;
}

/* Fix team-info alignment */
.team-info {
     padding: 30px 20px;
     text-align: center;
}

.team-contact-info p {
     margin-bottom: 10px;
     font-size: 14px;
}

/* Improve spacing */
.about-info {
     padding: 0 15px;
}

.about-info h2 {
     margin-bottom: 25px;
}

.about-info p {
     margin-bottom: 20px;
     line-height: 1.8;
}

/* Fix news/service cards */
.news-thumb {
     background: white;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 5px 20px rgba(0,0,0,0.08);
     margin-bottom: 30px;
     transition: all 0.3s;
}

.news-thumb:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

/* Responsive fixes */
@media (max-width: 991px) {
     .profile {
          flex-direction: column;
          text-align: center;
     }
     
     .about-info {
          margin-bottom: 40px;
     }
}

@media (max-width: 767px) {
     .slider .item {
          height: 500px !important;
     }
     
     .slider h1 {
          font-size: 2.5em !important;
     }
     
     .slider h3 {
          font-size: 1.2em !important;
     }
     
     .feature-box {
          margin-bottom: 20px;
     }
}