/* ===================================================
   FISHMONGER - Theme variants
   Switch from config/database.php with THEME_VARIANT
   =================================================== */

/* ---------- Ocean Luxe (default) ---------- */
body.theme-ocean-luxe {
  background:
    radial-gradient(1100px 460px at 100% -8%, rgba(35, 192, 236, 0.16), transparent 60%),
    radial-gradient(900px 360px at -8% 3%, rgba(35, 138, 196, 0.13), transparent 60%),
    #f4fbff;
}

body.theme-ocean-luxe .navbar {
  background: rgba(245, 252, 255, 0.9);
  border-bottom-color: rgba(8, 93, 136, 0.16);
}

body.theme-ocean-luxe .logo,
body.theme-ocean-luxe .logo-text,
body.theme-ocean-luxe .nav-links a:hover,
body.theme-ocean-luxe .section-title,
body.theme-ocean-luxe .feature-card h3,
body.theme-ocean-luxe .product-card h3,
body.theme-ocean-luxe .product-price strong,
body.theme-ocean-luxe .page-header h1,
body.theme-ocean-luxe .about-text h2,
body.theme-ocean-luxe .about-cta h2,
body.theme-ocean-luxe .contact-info h2,
body.theme-ocean-luxe .contact-form-wrap h2,
body.theme-ocean-luxe .admin-page-header h1,
body.theme-ocean-luxe .admin-user,
body.theme-ocean-luxe .stat-info .value {
  color: #0a4f74;
}

body.theme-ocean-luxe .hero {
  background:
    radial-gradient(560px 280px at 14% 30%, rgba(56, 208, 246, 0.27), transparent 68%),
    linear-gradient(rgba(10, 90, 132, 0.56), rgba(8, 70, 108, 0.62)),
    url('https://images.unsplash.com/photo-1510130387422-82bed34b37e9?w=1800&q=80');
  background-size: cover;
  background-position: center;
}

body.theme-ocean-luxe .btn-primary {
  background: linear-gradient(135deg, #0b6f9f, #0a4f74);
  box-shadow: 0 14px 26px rgba(10, 103, 148, 0.28);
}

body.theme-ocean-luxe .btn-accent {
  background: linear-gradient(135deg, #22a9d8, #18c3da);
  box-shadow: 0 12px 24px rgba(34, 169, 216, 0.32);
}

body.theme-ocean-luxe .btn-secondary {
  border-color: rgba(10, 111, 159, 0.34);
  color: #0a5f8d;
  background: rgba(245, 253, 255, 0.95);
}

body.theme-ocean-luxe .card,
body.theme-ocean-luxe .feature-card,
body.theme-ocean-luxe .value-card,
body.theme-ocean-luxe .profile-card,
body.theme-ocean-luxe .product-card,
body.theme-ocean-luxe .filters,
body.theme-ocean-luxe .cart-item,
body.theme-ocean-luxe .cart-summary,
body.theme-ocean-luxe .checkout-form,
body.theme-ocean-luxe .checkout-summary,
body.theme-ocean-luxe .contact-info,
body.theme-ocean-luxe .contact-form-wrap,
body.theme-ocean-luxe .admin-panel,
body.theme-ocean-luxe .stat-card,
body.theme-ocean-luxe .auth-card,
body.theme-ocean-luxe .table-wrapper {
  background: #f9feff;
  border-color: rgba(10, 111, 159, 0.14);
  box-shadow: 0 14px 30px rgba(11, 96, 140, 0.1);
}

body.theme-ocean-luxe .product-image-wrap,
body.theme-ocean-luxe .product-detail-image,
body.theme-ocean-luxe .stat-icon {
  background: linear-gradient(135deg, #d6f4ff, #ebfaff);
}

body.theme-ocean-luxe .product-cat,
body.theme-ocean-luxe .form-group label,
body.theme-ocean-luxe th,
body.theme-ocean-luxe .admin-panel h3,
body.theme-ocean-luxe .cart-summary h3,
body.theme-ocean-luxe .form-section h3,
body.theme-ocean-luxe .profile-card h2,
body.theme-ocean-luxe .info-item strong {
  color: #0a5f8d;
}

body.theme-ocean-luxe .page-header {
  background:
    radial-gradient(520px 220px at 88% 18%, rgba(74, 215, 246, 0.24), transparent 62%),
    linear-gradient(135deg, #0b6f9f, #0a4f74);
}

body.theme-ocean-luxe .page-header,
body.theme-ocean-luxe .why-section,
body.theme-ocean-luxe .about-cta,
body.theme-ocean-luxe .footer {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

body.theme-ocean-luxe .why-section,
body.theme-ocean-luxe .about-cta,
body.theme-ocean-luxe .footer {
  background:
    radial-gradient(520px 240px at 84% 14%, rgba(92, 223, 249, 0.22), transparent 65%),
    linear-gradient(145deg, #0a6a98, #0a4f74);
}

body.theme-ocean-luxe .admin-sidebar {
  background:
    radial-gradient(320px 220px at 16% 10%, rgba(88, 219, 248, 0.22), transparent 70%),
    linear-gradient(180deg, #0b6f9f, #0a4f74);
  border-right-color: rgba(140, 230, 251, 0.24);
}

body.theme-ocean-luxe .admin-nav a:hover {
  background: rgba(102, 224, 250, 0.2);
  border-color: rgba(170, 240, 255, 0.28);
}

body.theme-ocean-luxe .admin-nav a.active {
  background: linear-gradient(135deg, rgba(79, 208, 241, 0.34), rgba(32, 151, 203, 0.3));
  border-color: rgba(177, 243, 255, 0.34);
}

body.theme-ocean-luxe .admin-topbar {
  background: rgba(248, 254, 255, 0.88);
  border-bottom-color: rgba(10, 111, 159, 0.16);
}

body.theme-ocean-luxe .form-control,
body.theme-ocean-luxe .status-select,
body.theme-ocean-luxe .qty-input-group,
body.theme-ocean-luxe .payment-option,
body.theme-ocean-luxe .info-item {
  border-color: rgba(9, 122, 172, 0.3);
  background: #fcfeff;
}

body.theme-ocean-luxe .form-control:focus {
  border-color: #19b8dd;
  box-shadow: 0 0 0 4px rgba(25, 184, 221, 0.16);
}

body.theme-ocean-luxe .footer ul li a:hover {
  color: #bbf4ff;
}

/* ---------- Minimal Coastal ---------- */
body.theme-minimal-coastal {
  background:
    radial-gradient(1000px 420px at 100% -5%, rgba(215, 181, 131, 0.12), transparent 60%),
    radial-gradient(800px 340px at -12% 5%, rgba(77, 126, 136, 0.12), transparent 60%),
    #f8f6f2;
}

body.theme-minimal-coastal .navbar {
  background: rgba(255, 252, 247, 0.9);
  border-bottom-color: rgba(107, 89, 65, 0.14);
}

body.theme-minimal-coastal .logo,
body.theme-minimal-coastal .logo-text,
body.theme-minimal-coastal .nav-links a:hover,
body.theme-minimal-coastal .section-title,
body.theme-minimal-coastal .feature-card h3,
body.theme-minimal-coastal .product-card h3,
body.theme-minimal-coastal .product-price strong,
body.theme-minimal-coastal .page-header h1,
body.theme-minimal-coastal .about-text h2,
body.theme-minimal-coastal .about-cta h2,
body.theme-minimal-coastal .contact-info h2,
body.theme-minimal-coastal .contact-form-wrap h2,
body.theme-minimal-coastal .admin-page-header h1,
body.theme-minimal-coastal .admin-user,
body.theme-minimal-coastal .stat-info .value {
  color: #3f3428;
}

body.theme-minimal-coastal .hero {
  background:
    radial-gradient(560px 280px at 15% 36%, rgba(118, 159, 165, 0.24), transparent 68%),
    linear-gradient(rgba(69, 58, 44, 0.62), rgba(69, 58, 44, 0.66)),
    url('https://images.unsplash.com/photo-1498654896293-37aacf113fd9?w=1800&q=80');
  background-size: cover;
  background-position: center;
}

body.theme-minimal-coastal .btn-primary {
  background: linear-gradient(135deg, #5f4d3d, #3f3428);
  box-shadow: 0 14px 26px rgba(69, 58, 44, 0.3);
}

body.theme-minimal-coastal .btn-accent {
  background: linear-gradient(135deg, #4e7f86, #3f6770);
  box-shadow: 0 12px 24px rgba(63, 103, 112, 0.28);
}

body.theme-minimal-coastal .btn-secondary {
  border-color: rgba(95, 77, 61, 0.32);
  color: #5f4d3d;
  background: rgba(255, 252, 247, 0.95);
}

body.theme-minimal-coastal .card,
body.theme-minimal-coastal .feature-card,
body.theme-minimal-coastal .value-card,
body.theme-minimal-coastal .profile-card,
body.theme-minimal-coastal .product-card,
body.theme-minimal-coastal .filters,
body.theme-minimal-coastal .cart-item,
body.theme-minimal-coastal .cart-summary,
body.theme-minimal-coastal .checkout-form,
body.theme-minimal-coastal .checkout-summary,
body.theme-minimal-coastal .contact-info,
body.theme-minimal-coastal .contact-form-wrap,
body.theme-minimal-coastal .admin-panel,
body.theme-minimal-coastal .stat-card,
body.theme-minimal-coastal .auth-card,
body.theme-minimal-coastal .table-wrapper {
  background: #fffaf2;
  border-color: rgba(130, 110, 84, 0.16);
  box-shadow: 0 14px 30px rgba(85, 70, 47, 0.09);
}

body.theme-minimal-coastal .product-image-wrap,
body.theme-minimal-coastal .product-detail-image,
body.theme-minimal-coastal .stat-icon {
  background: linear-gradient(135deg, #f2e8d8, #f7f1e7);
}

body.theme-minimal-coastal .product-cat,
body.theme-minimal-coastal .form-group label,
body.theme-minimal-coastal th,
body.theme-minimal-coastal .admin-panel h3,
body.theme-minimal-coastal .cart-summary h3,
body.theme-minimal-coastal .form-section h3,
body.theme-minimal-coastal .profile-card h2,
body.theme-minimal-coastal .info-item strong {
  color: #5f4d3d;
}

body.theme-minimal-coastal .page-header {
  background:
    radial-gradient(520px 220px at 90% 20%, rgba(151, 118, 74, 0.2), transparent 62%),
    linear-gradient(135deg, #5f4d3d, #3f3428);
}

body.theme-minimal-coastal .why-section,
body.theme-minimal-coastal .about-cta,
body.theme-minimal-coastal .footer {
  background:
    radial-gradient(520px 240px at 85% 14%, rgba(152, 123, 82, 0.2), transparent 65%),
    linear-gradient(145deg, #4e7f86, #3f6770);
}

body.theme-minimal-coastal .admin-sidebar {
  background:
    radial-gradient(320px 220px at 15% 12%, rgba(191, 156, 110, 0.2), transparent 70%),
    linear-gradient(180deg, #5f4d3d, #3f3428);
  border-right-color: rgba(218, 194, 162, 0.24);
}

body.theme-minimal-coastal .admin-nav a:hover {
  background: rgba(191, 156, 110, 0.22);
  border-color: rgba(227, 207, 180, 0.25);
}

body.theme-minimal-coastal .admin-nav a.active {
  background: linear-gradient(135deg, rgba(191, 156, 110, 0.34), rgba(133, 104, 68, 0.3));
  border-color: rgba(227, 207, 180, 0.36);
}

body.theme-minimal-coastal .admin-topbar {
  background: rgba(255, 250, 242, 0.88);
  border-bottom-color: rgba(130, 110, 84, 0.18);
}

body.theme-minimal-coastal .form-control,
body.theme-minimal-coastal .status-select,
body.theme-minimal-coastal .qty-input-group,
body.theme-minimal-coastal .payment-option,
body.theme-minimal-coastal .info-item {
  border-color: rgba(146, 124, 96, 0.35);
  background: #fffdf8;
}

body.theme-minimal-coastal .form-control:focus {
  border-color: #4e7f86;
  box-shadow: 0 0 0 4px rgba(78, 127, 134, 0.16);
}

body.theme-minimal-coastal .footer ul li a:hover {
  color: #f4e5cc;
}