/* Legal Pages Styles (Terms, Privacy, Warranty) */
/* Dark theme support for legal documents */

/* ============================================
   HERO SECTION
   ============================================ */

.dark-theme .hero,
[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%) !important;
}

.dark-theme .hero h1,
.dark-theme .hero .display-4,
[data-theme="dark"] .hero h1,
[data-theme="dark"] .hero .display-4 {
    color: #f1f5f9 !important;
}

.dark-theme .hero .lead,
.dark-theme .hero .text-light,
[data-theme="dark"] .hero .lead,
[data-theme="dark"] .hero .text-light {
    color: #e2e8f0 !important;
}

.dark-theme .hero i,
[data-theme="dark"] .hero i {
    color: #60a5fa !important;
}

/* ============================================
   ALERTS
   ============================================ */

/* Alert warning in dark theme */
.dark-theme .alert-warning,
[data-theme="dark"] .alert-warning {
    background: linear-gradient(135deg, #752d28, #912323) !important;
    color: #fef3c7 !important;
    border: none !important;
}

.dark-theme .alert-warning a,
[data-theme="dark"] .alert-warning a {
    color: #fde68a !important;
}

.dark-theme .alert-warning strong,
[data-theme="dark"] .alert-warning strong {
    color: #fef3c7 !important;
}

.dark-theme .alert-warning ul li,
[data-theme="dark"] .alert-warning ul li {
    color: #fef3c7 !important;
}

/* Alert info in dark theme */
.dark-theme .alert-info,
[data-theme="dark"] .alert-info {
    background: linear-gradient(135deg, #1e3a5f, #1e40af) !important;
    color: #dbeafe !important;
    border: none !important;
}

.dark-theme .alert-info a,
[data-theme="dark"] .alert-info a {
    color: #93c5fd !important;
}

.dark-theme .alert-info strong,
[data-theme="dark"] .alert-info strong {
    color: #dbeafe !important;
}

/* Alert danger in dark theme */
.dark-theme .alert-danger,
[data-theme="dark"] .alert-danger {
    background: linear-gradient(135deg, #7f1d1d, #991b1b) !important;
    color: #fecaca !important;
    border: none !important;
}

.dark-theme .alert-danger strong,
[data-theme="dark"] .alert-danger strong {
    color: #fecaca !important;
}

.dark-theme .alert-danger ul li,
[data-theme="dark"] .alert-danger ul li {
    color: #fecaca !important;
}

/* Alert success in dark theme */
.dark-theme .alert-success,
[data-theme="dark"] .alert-success {
    background: linear-gradient(135deg, #064e3b, #065f46) !important;
    color: #d1fae5 !important;
    border: none !important;
}

/* ============================================
   TABLES
   ============================================ */

/* Table bordered in dark theme */
.dark-theme .table-bordered,
[data-theme="dark"] .table-bordered {
    border-color: #334155 !important;
}

.dark-theme .table-bordered th,
.dark-theme .table-bordered td,
[data-theme="dark"] .table-bordered th,
[data-theme="dark"] .table-bordered td {
    border-color: #334155 !important;
}

/* Table light header in dark theme */
.dark-theme .table-light,
[data-theme="dark"] .table-light {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}

.dark-theme .table-light th,
[data-theme="dark"] .table-light th {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

/* General table styles in dark theme */
.dark-theme .table,
[data-theme="dark"] .table {
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

.dark-theme .table thead,
[data-theme="dark"] .table thead {
    background-color: #1e293b !important;
}

.dark-theme .table thead th,
[data-theme="dark"] .table thead th {
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

.dark-theme .table td,
.dark-theme .table th,
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: #334155 !important;
    color: #94a3b8 !important;
}

/* ============================================
   CARDS
   ============================================ */

/* Card with bg-light in dark theme */
.dark-theme .card.bg-light,
[data-theme="dark"] .card.bg-light {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.dark-theme .card.bg-light .card-body,
[data-theme="dark"] .card.bg-light .card-body {
    background-color: #1e293b !important;
}

.dark-theme .card.bg-light .card-title,
[data-theme="dark"] .card.bg-light .card-title {
    color: #f1f5f9 !important;
}

.dark-theme .card.bg-light .card-text,
[data-theme="dark"] .card.bg-light .card-text {
    color: #94a3b8 !important;
}

.dark-theme .card.bg-light strong,
[data-theme="dark"] .card.bg-light strong {
    color: #f1f5f9 !important;
}

.dark-theme .card.bg-light p,
[data-theme="dark"] .card.bg-light p {
    color: #94a3b8 !important;
}

.dark-theme .card.bg-light h5,
[data-theme="dark"] .card.bg-light h5 {
    color: #f1f5f9 !important;
}

/* Card headers with background colors */
.dark-theme .card-header.bg-success,
[data-theme="dark"] .card-header.bg-success {
    background: linear-gradient(135deg, #065f46, #047857) !important;
    color: #d1fae5 !important;
}

.dark-theme .card-header.bg-danger,
[data-theme="dark"] .card-header.bg-danger {
    background: linear-gradient(135deg, #991b1b, #b91c1c) !important;
    color: #fecaca !important;
}

.dark-theme .card-header.bg-primary,
[data-theme="dark"] .card-header.bg-primary {
    background: linear-gradient(135deg, #1e40af, #2563eb) !important;
    color: #dbeafe !important;
}

/* Card borders in dark theme */
.dark-theme .card.border-success,
[data-theme="dark"] .card.border-success {
    border-color: #059669 !important;
}

.dark-theme .card.border-danger,
[data-theme="dark"] .card.border-danger {
    border-color: #dc2626 !important;
}

.dark-theme .card.border-primary,
[data-theme="dark"] .card.border-primary {
    border-color: #3b82f6 !important;
}

/* Card body inside bordered cards */
.dark-theme .card.border-primary .card-body,
.dark-theme .card.border-success .card-body,
.dark-theme .card.border-danger .card-body,
[data-theme="dark"] .card.border-primary .card-body,
[data-theme="dark"] .card.border-success .card-body,
[data-theme="dark"] .card.border-danger .card-body {
    background-color: #1e293b !important;
}

.dark-theme .card.border-primary .card-body p,
.dark-theme .card.border-success .card-body p,
.dark-theme .card.border-danger .card-body p,
[data-theme="dark"] .card.border-primary .card-body p,
[data-theme="dark"] .card.border-success .card-body p,
[data-theme="dark"] .card.border-danger .card-body p {
    color: #94a3b8 !important;
}

.dark-theme .card.border-primary .card-body ul li,
.dark-theme .card.border-success .card-body ul li,
.dark-theme .card.border-danger .card-body ul li,
[data-theme="dark"] .card.border-primary .card-body ul li,
[data-theme="dark"] .card.border-success .card-body ul li,
[data-theme="dark"] .card.border-danger .card-body ul li {
    color: #94a3b8 !important;
}

/* General card styles */
.dark-theme .card,
[data-theme="dark"] .card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.dark-theme .card-header,
[data-theme="dark"] .card-header {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border-bottom-color: #475569 !important;
}

.dark-theme .card-header h5,
[data-theme="dark"] .card-header h5 {
    color: #ffffff !important;
}

.dark-theme .card-body p,
.dark-theme .card-body li,
.dark-theme .card-body h2,
.dark-theme .card-body h5,
[data-theme="dark"] .card-body p,
[data-theme="dark"] .card-body li,
[data-theme="dark"] .card-body h2,
[data-theme="dark"] .card-body h5 {
    color: #ebe7e7 !important;
}

.dark-theme .card-body ul li,
[data-theme="dark"] .card-body ul li {
    color: #ffffff !important;
}

/* ============================================
   BADGES
   ============================================ */

.dark-theme .badge.bg-primary,
[data-theme="dark"] .badge.bg-primary {
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    color: #ffffff !important;
}

.dark-theme .badge.bg-success,
[data-theme="dark"] .badge.bg-success {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    color: #ffffff !important;
}

/* ============================================
   TEXT UTILITY COLORS
   ============================================ */

.dark-theme .text-primary,
[data-theme="dark"] .text-primary {
    color: #60a5fa !important;
}

.dark-theme .text-warning,
[data-theme="dark"] .text-warning {
    color: #fbbf24 !important;
}

.dark-theme .text-success,
[data-theme="dark"] .text-success {
    color: #34d399 !important;
}

.dark-theme .text-info,
[data-theme="dark"] .text-info {
    color: #38bdf8 !important;
}

.dark-theme .text-danger,
[data-theme="dark"] .text-danger {
    color: #f87171 !important;
}

.dark-theme .text-muted,
[data-theme="dark"] .text-muted {
    color: #94a3b8 !important;
}

/* ============================================
   LINKS
   ============================================ */

.dark-theme .card-body a,
[data-theme="dark"] .card-body a {
    color: #60a5fa !important;
}

.dark-theme .card-body a:hover,
[data-theme="dark"] .card-body a:hover {
    color: #93c5fd !important;
}

.dark-theme p a,
[data-theme="dark"] p a {
    color: #60a5fa !important;
}

.dark-theme p a:hover,
[data-theme="dark"] p a:hover {
    color: #93c5fd !important;
}

/* ============================================
   LISTS
   ============================================ */

/* Ordered lists in dark theme */
.dark-theme ol li,
[data-theme="dark"] ol li {
    color: #94a3b8 !important;
}

/* Unordered lists in dark theme */
.dark-theme ul li,
[data-theme="dark"] ul li {
    color: #94a3b8 !important;
}

/* List group items in dark theme */
.dark-theme .list-group-item,
[data-theme="dark"] .list-group-item {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

.dark-theme .list-group-item strong,
[data-theme="dark"] .list-group-item strong {
    color: #f1f5f9 !important;
}

/* List-unstyled links in dark theme */
.dark-theme .list-unstyled li a,
[data-theme="dark"] .list-unstyled li a {
    color: #60a5fa !important;
}

.dark-theme .list-unstyled li a:hover,
[data-theme="dark"] .list-unstyled li a:hover {
    color: #93c5fd !important;
}

/* ============================================
   TYPOGRAPHY
   ============================================ */

.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #f1f5f9 !important;
}

/* Strong text in dark theme */
.dark-theme strong,
[data-theme="dark"] strong {
    color: #f1f5f9 !important;
}

/* Paragraphs in dark theme */
.dark-theme p,
[data-theme="dark"] p {
    color: #94a3b8 !important;
}

/* Small text in dark theme */
.dark-theme .small,
[data-theme="dark"] .small {
    color: #94a3b8 !important;
}

.dark-theme .card-body small,
[data-theme="dark"] .card-body small {
    color: #94a3b8 !important;
}

/* ============================================
   BREADCRUMBS
   ============================================ */

.dark-theme .breadcrumb,
[data-theme="dark"] .breadcrumb {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.dark-theme .breadcrumb-item a,
[data-theme="dark"] .breadcrumb-item a {
    color: #60a5fa !important;
}

.dark-theme .breadcrumb-item a:hover,
[data-theme="dark"] .breadcrumb-item a:hover {
    color: #93c5fd !important;
}

.dark-theme .breadcrumb-item.active,
[data-theme="dark"] .breadcrumb-item.active {
    color: #94a3b8 !important;
}

/* ============================================
   CONTACT LINKS (Email, Phone)
   ============================================ */

/* Contact links - no underline, normal text color */
.contact-link {
    color: inherit !important;
    text-decoration: none !important;
}

.contact-link:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/* Dark theme contact links */
.dark-theme .contact-link,
[data-theme="dark"] .contact-link {
    color: inherit !important;
    text-decoration: none !important;
}

.dark-theme .contact-link:hover,
[data-theme="dark"] .contact-link:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/* ============================================
   CIRCULAR BADGES
   ============================================ */

/* Make badges perfectly circular */
.badge.rounded-circle {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
}