/*
Theme Name: M R Consult
Theme URI: https://mrconsultqa.com
Author: M R Consult
Description: Theme for the M R Consult visa consultancy site (Doha, Qatar): Home, Services, Why Us, Process, About and Contact.
Version: 5.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mr-consult
*/

html { scroll-behavior: smooth; scroll-padding-top: 80px; }

body { font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif; }

@media (prefers-reduced-motion: no-preference) {
  * { scroll-behavior: smooth; }
}

/* Dark text on the turquoise buttons: white on turquoise is too low in contrast to read comfortably. */
.turq-gradient { background: linear-gradient(135deg, #00C5BE 0%, #00A9A4 100%); color: #062A35; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.hero-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(0, 197, 190, 0.15) 1px, transparent 0);
  background-size: 32px 32px;
}

summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }

/* Breadcrumb styles */
nav[aria-label="Breadcrumb"] ol li a {
  transition: color 0.2s ease;
  text-decoration: none;
}

nav[aria-label="Breadcrumb"] ol li a:hover {
  color: #007F7A;
  text-decoration: underline;
}

/* Body copy of plain pages (Privacy Policy etc.) */
.entry-content > * + * { margin-top: 1rem; }
.entry-content h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2rem; }
.entry-content h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1.5rem; }
.entry-content ul { list-style: disc; padding-left: 1.5rem; }
.entry-content ol { list-style: decimal; padding-left: 1.5rem; }
.entry-content a { color: #007F7A; text-decoration: underline; transition: opacity 0.2s ease; }
.entry-content a:hover { opacity: 0.8; }

/* Form improvements */
input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid #00C5BE;
  outline-offset: 2px;
}

button[type="submit"]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 197, 190, 0.3);
}

button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}