/* ═══════════════════════════════════════════════════════════════
   MODERN THEME - GLOBAL COLOR SCHEME
   Applies to ALL pages (excluding footer)
   Colors from: globeswift_full_homepage.html
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Primary Colors */
  --green: #1a6b4a;
  --green-d: #0d3b26;
  --green-m: #2d9464;
  --green-l: #e8f5ee;
  --green-ll: #f2faf6;

  /* Secondary Colors */
  --blue: #1a4a8a;
  --blue-m: #2a6abf;
  --blue-l: #e8eef8;

  /* Accent Colors */
  --gold: #c8932a;
  --gold-l: #fdf3e3;

  /* Neutral Colors */
  --dark: #111a14;
  --text: #2a2e2b;
  --muted: #6b7a70;
  --light: #b0bdb5;
  --border: #dde8e2;
  --bg: #f7faf8;
  --white: #fff;

  /* Radius */
  --r: 16px;
  --rs: 8px;
  --rx: 24px;

  /* Shadows */
  --shadow: 0 4px 24px rgba(0,0,0,.08);
  --shadow-lg: 0 12px 48px rgba(0,0,0,.13);
}

/* ─── BODY & BACKGROUND ─── */
body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* ─── HEADINGS ─── */
h1, h2, h3, h4, h5, h6 {
  color: var(--dark) !important;
}

/* Accent text with gold color (like "Swift" in header) */
.text-accent,
.accent-text,
span.highlight,
.gold-text {
  color: var(--gold) !important;
}

/* ─── NAVIGATION ─── */
nav, .navbar {
  background: var(--white) !important;
  border-bottom: 1px solid var(--border) !important;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--muted) !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: var(--green) !important;
}

/* ─── BUTTONS - PRIMARY (GREEN) ─── */
.btn-primary,
.btn-success,
button[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning) {
  background: var(--green) !important;
  border-color: var(--green) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-success:hover,
button[type="submit"]:hover:not(.btn-secondary):not(.btn-danger):not(.btn-warning) {
  background: var(--green-m) !important;
  border-color: var(--green-m) !important;
}

/* ─── BUTTONS - OUTLINE ─── */
.btn-outline-primary,
.btn-outline-success {
  color: var(--green) !important;
  border-color: var(--green) !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover {
  background: var(--green) !important;
  border-color: var(--green) !important;
  color: #fff !important;
}

/* ─── LINKS ─── */
a:not(footer a):not(.nav-link) {
  color: var(--green);
  transition: color 0.2s;
}

a:not(footer a):not(.nav-link):hover {
  color: var(--green-m);
}

/* ─── BADGES ─── */
.badge-primary,
.badge-success {
  background: var(--green) !important;
}

.badge-info {
  background: var(--blue) !important;
}

/* ─── ALERTS ─── */
.alert-success {
  background: var(--green-l) !important;
  border-color: var(--green) !important;
  color: var(--green-d) !important;
}

.alert-info {
  background: var(--blue-l) !important;
  border-color: var(--blue) !important;
  color: var(--blue) !important;
}

/* ─── CARDS ─── */
.card {
  border: 1px solid var(--border) !important;
  border-radius: var(--r) !important;
  background: var(--white) !important;
}

.card-header {
  background: var(--green-l) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--green-d) !important;
}

/* ─── FORMS ─── */
.form-control {
  border-color: var(--border) !important;
  color: var(--text) !important;
}

.form-control:focus {
  border-color: var(--green) !important;
  box-shadow: 0 0 0 0.2rem rgba(26, 107, 74, 0.25) !important;
}

/* ─── BREADCRUMBS ─── */
.breadcrumb {
  background: var(--green-l) !important;
}

.breadcrumb-item.active {
  color: var(--green-d) !important;
}

.breadcrumb-item a {
  color: var(--green) !important;
}

/* ─── PAGE HEADERS ─── */
.page-header,
.common-page-wrapper {
  background: linear-gradient(135deg, var(--green-d) 0%, #1a5538 40%, var(--blue) 100%) !important;
  color: #fff !important;
}

.page-header h1,
.common-page-wrapper h1 {
  color: #fff !important;
}

/* ─── SECTIONS ─── */
section {
  background: var(--white);
}

section:nth-child(even) {
  background: var(--bg);
}

/* ─── TABLES ─── */
.table {
  color: var(--text) !important;
}

.table thead th {
  background: var(--green-l) !important;
  color: var(--green-d) !important;
  border-color: var(--border) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: var(--bg) !important;
}

.table-hover tbody tr:hover {
  background: var(--green-l) !important;
}

/* ─── PAGINATION ─── */
.pagination .page-link {
  color: var(--green) !important;
  border-color: var(--border) !important;
}

.pagination .page-item.active .page-link {
  background: var(--green) !important;
  border-color: var(--green) !important;
}

.pagination .page-link:hover {
  background: var(--green-l) !important;
  color: var(--green-d) !important;
}

/* ─── PROGRESS BARS ─── */
.progress-bar {
  background: var(--green) !important;
}

/* ─── LIST GROUPS ─── */
.list-group-item {
  border-color: var(--border) !important;
}

.list-group-item.active {
  background: var(--green) !important;
  border-color: var(--green) !important;
}

/* ─── MODALS ─── */
.modal-header {
  background: var(--green-l) !important;
  border-bottom: 1px solid var(--border) !important;
}

.modal-footer {
  border-top: 1px solid var(--border) !important;
}

/* ─── TOOLTIPS & POPOVERS ─── */
.tooltip-inner {
  background: var(--green-d) !important;
}

.popover {
  border-color: var(--border) !important;
}

/* ─── DROPDOWN ─── */
.dropdown-menu {
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
}

.dropdown-item:hover {
  background: var(--green-l) !important;
  color: var(--green) !important;
}

/* ─── TABS ─── */
.nav-tabs .nav-link {
  color: var(--muted) !important;
}

.nav-tabs .nav-link.active {
  color: var(--green) !important;
  border-color: var(--border) var(--border) var(--white) !important;
}

.nav-tabs .nav-link:hover {
  border-color: var(--border) !important;
  color: var(--green-m) !important;
}

/* ─── ACCORDION ─── */
.accordion-button {
  background: var(--green-l) !important;
  color: var(--green-d) !important;
}

.accordion-button:not(.collapsed) {
  background: var(--green) !important;
  color: #fff !important;
}

/* ─── BORDERS ─── */
.border {
  border-color: var(--border) !important;
}

.border-primary {
  border-color: var(--green) !important;
}

/* ─── BACKGROUNDS ─── */
.bg-primary {
  background: var(--green) !important;
}

.bg-success {
  background: var(--green) !important;
}

.bg-info {
  background: var(--blue) !important;
}

.bg-light {
  background: var(--bg) !important;
}

/* ─── TEXT COLORS ─── */
.text-primary {
  color: var(--green) !important;
}

.text-success {
  color: var(--green) !important;
}

.text-muted {
  color: var(--muted) !important;
}

/* ─── SPINNERS & LOADERS ─── */
.spinner-border {
  color: var(--green) !important;
}

/* ─── CUSTOM COMPONENTS ─── */
.service-card,
.product-card,
.category-card {
  border: 1px solid var(--border) !important;
  border-radius: var(--r) !important;
  background: var(--white) !important;
  transition: all 0.3s ease !important;
}

.service-card:hover,
.product-card:hover,
.category-card:hover {
  border-color: var(--green) !important;
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-4px) !important;
}

/* ─── ICON COLORS ─── */
.icon-primary {
  color: var(--green) !important;
}

.icon-success {
  color: var(--green) !important;
}

.icon-info {
  color: var(--blue) !important;
}

/* ─── CUSTOM CLASSES FOR SECTIONS ─── */
.section-title {
  color: var(--dark) !important;
  font-weight: 700 !important;
}

/* Gold accent for important words in headings */
.section-title .gold,
h1 .gold,
h2 .gold,
h3 .gold,
.gold-accent {
  color: var(--gold) !important;
}

.section-subtitle {
  color: var(--muted) !important;
}

.section-divider {
  border-top: 2px solid var(--border) !important;
}

/* ─── HOVER EFFECTS ─── */
.hover-green:hover {
  color: var(--green) !important;
}

.hover-shadow:hover {
  box-shadow: var(--shadow-lg) !important;
}

/* ─── RESPONSIVE UTILITIES ─── */
@media (max-width: 768px) {
  :root {
    --r: 12px;
    --rx: 16px;
  }
}

/* ─── EXCLUDE FOOTER FROM COLOR CHANGES ─── */
footer,
footer * {
  /* Footer keeps its original colors */
  /* No overrides applied to footer */
}

footer a {
  /* Reset link color override for footer */
  color: inherit !important;
}

footer .btn-primary {
  /* Footer buttons keep original styling */
}

/* ─── SPECIFIC PAGE OVERRIDES ─── */

/* Contact Page */
.contact-info {
  color: var(--text) !important;
}

.contact-icon {
  color: var(--green) !important;
}

/* About Page */
.about-section {
  background: var(--white) !important;
}

.about-highlight {
  color: var(--green) !important;
}

/* Products Page */
.product-filter {
  border-color: var(--border) !important;
}

.product-price {
  color: var(--green) !important;
  font-weight: 700 !important;
}

/* Services Page */
.service-icon {
  color: var(--green) !important;
}

.service-title {
  color: var(--dark) !important;
}

/* Gallery Page */
.gallery-item {
  border: 1px solid var(--border) !important;
  border-radius: var(--r) !important;
}

.gallery-item:hover {
  border-color: var(--green) !important;
}

/* ─── OVERRIDE BOOTSTRAP DEFAULT COLORS ─── */
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: var(--green-d) !important;
  border-color: var(--green-d) !important;
}

/* ─── ADMIN PANEL (IF APPLICABLE) ─── */
.sidebar {
  background: var(--green-d) !important;
}

.sidebar-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-link:hover,
.sidebar-link.active {
  background: var(--green) !important;
  color: #fff !important;
}

/* ─── FLOARING BUTTONS (WhatsApp, Call) ─── */
.float-btn {
  box-shadow: var(--shadow-lg) !important;
}

.float-btn.whatsapp {
  background: #25d366 !important;
}

.float-btn.call {
  background: var(--green) !important;
}

/* ─── SMOOTH TRANSITIONS ─── */
* {
  transition: background-color 0.2s ease,
              color 0.2s ease,
              border-color 0.2s ease !important;
}

button,
a,
.btn {
  transition: all 0.2s ease !important;
}

/* ─── END OF GLOBAL THEME ─── */