/* Dlines Softech professional palette and homepage refinement.
   Loaded after the theme styles; only active for Professional presets on public routes. */
body.dlines-professional-site[data-ai-theme^="professional"] {
  --navy: #10233f;
  --navy-2: #172f52;
  --blue: var(--ai-primary, #2456d8);
  --blue-dark: #1b429f;
  --teal: var(--ai-accent, #0f766e);
  --ink: var(--ai-text, #10233f);
  --muted: var(--ai-muted, #53657d);
  --paper: var(--ai-bg, #f5f8fc);
  --line: #dfe7f1;
  --white: #ffffff;
  --shadow: 0 16px 40px rgba(16, 35, 63, .075);
  color-scheme: light;
  background: var(--ai-bg, #f5f8fc);
  color: var(--ai-text, #10233f);
}
body.dlines-professional-site[data-ai-theme^="professional"] a { color: var(--ai-primary, #2456d8); }
body.dlines-professional-site[data-ai-theme^="professional"] a:hover { color: #1b429f; }
body.dlines-professional-site[data-ai-theme^="professional"] h1,
body.dlines-professional-site[data-ai-theme^="professional"] h2,
body.dlines-professional-site[data-ai-theme^="professional"] h3,
body.dlines-professional-site[data-ai-theme^="professional"] h4 { color: #10233f; }
body.dlines-professional-site[data-ai-theme^="professional"] p,
body.dlines-professional-site[data-ai-theme^="professional"] .muted,
body.dlines-professional-site[data-ai-theme^="professional"] small { color: var(--ai-muted, #53657d); }

/* Clean two-tier header: navy contact bar + readable white primary navigation. */
body.dlines-professional-site[data-ai-theme^="professional"] .topbar {
  background: #ffffff;
  border-bottom: 1px solid #dfe7f1;
  box-shadow: 0 5px 20px rgba(16,35,63,.055);
}
body.dlines-professional-site[data-ai-theme^="professional"] .header-utility {
  background: #10233f;
  color: #e8eef8;
  border-bottom: 1px solid #243c5f;
}
body.dlines-professional-site[data-ai-theme^="professional"] .header-contact a,
body.dlines-professional-site[data-ai-theme^="professional"] .header-actions>a,
body.dlines-professional-site[data-ai-theme^="professional"] .currency-picker { color: #f1f5fb; }
body.dlines-professional-site[data-ai-theme^="professional"] .header-actions>a:hover,
body.dlines-professional-site[data-ai-theme^="professional"] .header-contact a:hover { color: #8fe1d8; }
body.dlines-professional-site[data-ai-theme^="professional"] .currency-picker select {
  background: #ffffff; color: #10233f; border-color: #cbd7e7; border-radius: 8px;
}
body.dlines-professional-site[data-ai-theme^="professional"] .nav-inner { background: #ffffff; }
body.dlines-professional-site[data-ai-theme^="professional"] .brand,
body.dlines-professional-site[data-ai-theme^="professional"] .brand:hover { color: #10233f; }
body.dlines-professional-site[data-ai-theme^="professional"] .brand-word b { color: var(--ai-primary, #2456d8); }
body.dlines-professional-site[data-ai-theme^="professional"] .brand-word small { color: #66758a; }
body.dlines-professional-site[data-ai-theme^="professional"] .topbar nav a { color: #344761; font-weight: 700; }
body.dlines-professional-site[data-ai-theme^="professional"] .topbar nav a:hover { color: var(--ai-primary, #2456d8); background: #f3f6fb; }
body.dlines-professional-site[data-ai-theme^="professional"] .topbar nav .nav-contact,
body.dlines-professional-site[data-ai-theme^="professional"] .header-whatsapp {
  background: var(--ai-primary, #2456d8); color: #ffffff !important; border: 1px solid var(--ai-primary, #2456d8);
  border-radius: 10px; box-shadow: 0 6px 16px rgba(36,86,216,.18);
}
body.dlines-professional-site[data-ai-theme^="professional"] .topbar nav .nav-contact:hover,
body.dlines-professional-site[data-ai-theme^="professional"] .header-whatsapp:hover { background: #173eab; color: #ffffff !important; }
body.dlines-professional-site[data-ai-theme^="professional"] .nav-toggle { color: #10233f !important; background: #ffffff; border-color: #d5dfed; }
body.dlines-professional-site[data-ai-theme^="professional"] .nav-toggle span { background: #10233f; }

/* Calm, high-contrast hero instead of neon-on-neon. */
body.dlines-professional-site[data-ai-theme^="professional"] .hero {
  isolation: isolate;
  background: radial-gradient(ellipse at 82% 18%, rgba(36,86,216,.105), transparent 33%),
              radial-gradient(ellipse at 67% 88%, rgba(15,118,110,.055), transparent 34%),
              linear-gradient(118deg, #f7faff 0%, #ffffff 54%, #f3f8fd 100%);
  border-bottom: 1px solid #e2eaf4;
  padding-top: clamp(52px, 6vw, 78px);
  padding-bottom: clamp(48px, 5.5vw, 70px);
}
body.dlines-professional-site[data-ai-theme^="professional"] .hero:before { border-color: rgba(36,86,216,.11); }
body.dlines-professional-site[data-ai-theme^="professional"] .hero:after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(36,86,216,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(36,86,216,.025) 1px, transparent 1px);
  background-size: 46px 46px; mask-image: linear-gradient(90deg, transparent, #000 30%, #000 88%, transparent);
}
body.dlines-professional-site[data-ai-theme^="professional"] .hero-grid { gap: clamp(22px, 3vw, 44px); }
body.dlines-professional-site[data-ai-theme^="professional"] .eyebrow { color: var(--ai-accent, #0f766e); letter-spacing: .11em; }
body.dlines-professional-site[data-ai-theme^="professional"] .eyebrow-dot { background: var(--ai-accent, #0f766e); box-shadow: 0 0 0 5px rgba(15,118,110,.10); }
body.dlines-professional-site[data-ai-theme^="professional"] .hero h1,
body.dlines-professional-site[data-ai-theme^="professional"] .page-hero h1 { color: #10233f; }
body.dlines-professional-site[data-ai-theme^="professional"] .hero h1 span,
body.dlines-professional-site[data-ai-theme^="professional"] .page-hero h1 span {
  background: linear-gradient(100deg, var(--ai-primary, #2456d8) 0%, var(--ai-accent, #0f766e) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.dlines-professional-site[data-ai-theme^="professional"] .hero-copy>p,
body.dlines-professional-site[data-ai-theme^="professional"] .page-hero p { color: #53657d; }
body.dlines-professional-site[data-ai-theme^="professional"] .hero .button,
body.dlines-professional-site[data-ai-theme^="professional"] .button,
body.dlines-professional-site[data-ai-theme^="professional"] button {
  background: var(--ai-primary, #2456d8); border: 1px solid var(--ai-primary, #2456d8);
  color: #ffffff !important; box-shadow: 0 6px 16px rgba(36,86,216,.16); border-radius: 10px;
}
body.dlines-professional-site[data-ai-theme^="professional"] .hero .button:hover,
body.dlines-professional-site[data-ai-theme^="professional"] .button:hover,
body.dlines-professional-site[data-ai-theme^="professional"] button:hover { background: #183fAA; border-color: #183faa; box-shadow: 0 9px 22px rgba(36,86,216,.19); }
body.dlines-professional-site[data-ai-theme^="professional"] .hero .button-light,
body.dlines-professional-site[data-ai-theme^="professional"] .button-light { background: #ffffff; color: #16345f !important; border-color: #c9d7e9; box-shadow: none; }
body.dlines-professional-site[data-ai-theme^="professional"] .hero .button-light:hover,
body.dlines-professional-site[data-ai-theme^="professional"] .button-light:hover { background: #f1f6fd; color: #10233f !important; border-color: #9bb5d9; }
body.dlines-professional-site[data-ai-theme^="professional"] .hero-proof { color: #5a6b82; }
body.dlines-professional-site[data-ai-theme^="professional"] .proof-icon { background: #e1f4f0; color: #0f766e; }
body.dlines-professional-site[data-ai-theme^="professional"] .hero-art { padding: 0 2px; }
body.dlines-professional-site[data-ai-theme^="professional"] .hero-art>img { width: 100%; max-width: 650px; max-height: 500px; object-fit: contain; filter: drop-shadow(0 18px 25px rgba(23,58,114,.08)); }
body.dlines-professional-site[data-ai-theme^="professional"] .art-glow { background: #c8dcf8; opacity: .36; filter: blur(55px); }
body.dlines-professional-site[data-ai-theme^="professional"] .floating-chip { color: #1b3457; background: rgba(255,255,255,.96); border: 1px solid #dfe7f1; box-shadow: 0 8px 25px rgba(16,35,63,.09); }
body.dlines-professional-site[data-ai-theme^="professional"] .chip-dot { background: var(--ai-accent, #0f766e); }
body.dlines-professional-site[data-ai-theme^="professional"] .chip-check { background: #e1f4f0; color: #0f766e; }
body.dlines-professional-site[data-ai-theme^="professional"] .home-hero-actions { gap: 12px; margin-top: 26px; }
body.dlines-professional-site[data-ai-theme^="professional"] .home-hero-actions .button { min-height: 46px; padding: 12px 18px; }
body.dlines-professional-site[data-ai-theme^="professional"] .home-secondary-links { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 17px; color: #8290a4; font-size: .85rem; font-weight: 700; }
body.dlines-professional-site[data-ai-theme^="professional"] .home-secondary-links a { color: #3c587b; text-decoration: underline; text-decoration-color: #c3d1e3; text-underline-offset: 4px; }
body.dlines-professional-site[data-ai-theme^="professional"] .home-secondary-links a:hover { color: var(--ai-primary, #2456d8); text-decoration-color: currentColor; }

/* Lower homepage sections and reusable surfaces. */
body.dlines-professional-site[data-ai-theme^="professional"] .trust-strip { background: #ffffff; border-color: #e2eaf4; }
body.dlines-professional-site[data-ai-theme^="professional"] .trust-items { color: #60728b; }
body.dlines-professional-site[data-ai-theme^="professional"] .section-tint,
body.dlines-professional-site[data-ai-theme^="professional"] .section-dark { background: #f3f6fb; color: #10233f; border-color: #e2eaf4; }
body.dlines-professional-site[data-ai-theme^="professional"] .section-heading>p,
body.dlines-professional-site[data-ai-theme^="professional"] .section-heading>div>p,
body.dlines-professional-site[data-ai-theme^="professional"] .split-copy>p { color: #5a6c82; }
body.dlines-professional-site[data-ai-theme^="professional"] .service-card,
body.dlines-professional-site[data-ai-theme^="professional"] .market-card,
body.dlines-professional-site[data-ai-theme^="professional"] .article-card,
body.dlines-professional-site[data-ai-theme^="professional"] .panel,
body.dlines-professional-site[data-ai-theme^="professional"] .form-card,
body.dlines-professional-site[data-ai-theme^="professional"] .checkout-product,
body.dlines-professional-site[data-ai-theme^="professional"] .quote-card,
body.dlines-professional-site[data-ai-theme^="professional"] .faq-item,
body.dlines-professional-site[data-ai-theme^="professional"] .feature-card,
body.dlines-professional-site[data-ai-theme^="professional"] .product-card {
  background: #ffffff; color: #10233f; border: 1px solid #dfe7f1; box-shadow: 0 8px 24px rgba(16,35,63,.045);
}
body.dlines-professional-site[data-ai-theme^="professional"] .service-card h3,
body.dlines-professional-site[data-ai-theme^="professional"] .market-card h3,
body.dlines-professional-site[data-ai-theme^="professional"] .article-card h3 { color: #10233f; }
body.dlines-professional-site[data-ai-theme^="professional"] .service-card p,
body.dlines-professional-site[data-ai-theme^="professional"] .market-card p,
body.dlines-professional-site[data-ai-theme^="professional"] .article-card p { color: #53657d; }
body.dlines-professional-site[data-ai-theme^="professional"] .card-link,
body.dlines-professional-site[data-ai-theme^="professional"] .text-link { color: var(--ai-primary, #2456d8); }
body.dlines-professional-site[data-ai-theme^="professional"] .site-footer { background: linear-gradient(145deg,#0d1c35,#102a4c); color: #c4d0e0; border-top: 1px solid #284365; }
body.dlines-professional-site[data-ai-theme^="professional"] .site-footer h2,
body.dlines-professional-site[data-ai-theme^="professional"] .site-footer h3,
body.dlines-professional-site[data-ai-theme^="professional"] .footer-links strong { color: #f4f7fc; }
body.dlines-professional-site[data-ai-theme^="professional"] .site-footer p,
body.dlines-professional-site[data-ai-theme^="professional"] .site-footer small { color: #c4d0e0; }
body.dlines-professional-site[data-ai-theme^="professional"] .site-footer a { color: #d5e4ff; }
body.dlines-professional-site[data-ai-theme^="professional"] .site-footer a:hover { color: #8fe1d8; }
body.dlines-professional-site[data-ai-theme^="professional"] .service-icon,
body.dlines-professional-site[data-ai-theme^="professional"] .market-icon,
body.dlines-professional-site[data-ai-theme^="professional"] .contact-detail-icon {
  background: #eaf1ff; color: var(--ai-primary, #2456d8); border-color: #dbe7fb;
}
body.dlines-professional-site[data-ai-theme^="professional"] .icon-teal,
body.dlines-professional-site[data-ai-theme^="professional"] .service-icon.icon-teal { background: #e4f5f2; color: #0f766e; }
body.dlines-professional-site[data-ai-theme^="professional"] .icon-violet,
body.dlines-professional-site[data-ai-theme^="professional"] .icon-orange { background: #edf2fa; color: #405878; }
body.dlines-professional-site[data-ai-theme^="professional"] .home-service-enquire { background: var(--ai-primary, #2456d8); color: #fff !important; }
body.dlines-professional-site[data-ai-theme^="professional"] .home-service-link-title { color: #586a83; }
body.dlines-professional-site[data-ai-theme^="professional"] .marketplace-note { background: #f7fafc; border-color: #dfe7f1; }
body.dlines-professional-site[data-ai-theme^="professional"] .marketplace-note p { color: #53657d; }
body.dlines-professional-site[data-ai-theme^="professional"] .post-body { color: #334155; }
body.dlines-professional-site[data-ai-theme^="professional"] .post-meta { color: #64748b; }
body.dlines-professional-site[data-ai-theme^="professional"] .contact-location-card { background: #ffffff; border-color: #dfe7f1; box-shadow: 0 12px 34px rgba(16,35,63,.055); }
body.dlines-professional-site[data-ai-theme^="professional"] .contact-location-card-head p,
body.dlines-professional-site[data-ai-theme^="professional"] .contact-location-address,
body.dlines-professional-site[data-ai-theme^="professional"] .contact-location-meta { color: #53657d; }

@media (max-width: 1050px) {
  body.dlines-professional-site[data-ai-theme^="professional"] .hero-grid { gap: 18px; }
  body.dlines-professional-site[data-ai-theme^="professional"] .hero h1 { font-size: clamp(2.7rem,5.7vw,4.2rem); }
}
@media (max-width: 760px) {
  body.dlines-professional-site[data-ai-theme^="professional"] .hero { padding: 44px 0 42px; }
  body.dlines-professional-site[data-ai-theme^="professional"] .hero-grid { grid-template-columns: minmax(0,1fr); gap: 8px; }
  body.dlines-professional-site[data-ai-theme^="professional"] .hero-copy { padding: 0 0 8px; }
  body.dlines-professional-site[data-ai-theme^="professional"] .hero-art { width: min(100%,600px); margin: 0 auto; }
  body.dlines-professional-site[data-ai-theme^="professional"] .hero-art>img { max-height: 390px; }
  body.dlines-professional-site[data-ai-theme^="professional"] .chip-top { right: 2%; top: 4%; }
  body.dlines-professional-site[data-ai-theme^="professional"] .chip-bottom { left: 1%; bottom: 5%; }
  body.dlines-professional-site[data-ai-theme^="professional"] .home-hero-actions { display: flex; flex-wrap: wrap; }
}
@media (max-width: 520px) {
  body.dlines-professional-site[data-ai-theme^="professional"] .home-hero-actions { flex-direction: column; align-items: stretch; }
  body.dlines-professional-site[data-ai-theme^="professional"] .home-hero-actions .button { width: 100%; }
  body.dlines-professional-site[data-ai-theme^="professional"] .home-secondary-links { gap: 8px; font-size: .79rem; }
  body.dlines-professional-site[data-ai-theme^="professional"] .hero-art>img { max-height: 330px; }
  body.dlines-professional-site[data-ai-theme^="professional"] .floating-chip { padding: 8px 10px; font-size: .7rem; }
  body.dlines-professional-site[data-ai-theme^="professional"] .chip-bottom { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.dlines-professional-site[data-ai-theme^="professional"] *,
  body.dlines-professional-site[data-ai-theme^="professional"] *::before,
  body.dlines-professional-site[data-ai-theme^="professional"] *::after { animation: none !important; transition: none !important; }
}