/*
Theme Name: Magic CarPet Rides
Theme URI: https://magiccarpetrides.example/
Author: Code Checker
Description: Custom WordPress theme for Magic CarPet Rides pet transportation services.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: magic-carpet-rides
*/

:root {
  --mcr-green: #64d34a;
  --mcr-green-dark: #078148;
  --mcr-green-deep: #005c38;
  --mcr-plum: #4b2f3f;
  --mcr-plum-dark: #2b001b;
  --mcr-cream: #fffdf7;
  --mcr-gold: #ffd36b;
  --mcr-text: #3c3440;
  --mcr-muted: #6b6470;
  --mcr-white: #ffffff;
  --mcr-shadow: 0 12px 30px rgba(0,0,0,.12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--mcr-text);
  background: var(--mcr-cream);
  line-height: 1.6;
}
a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }
.site-header {
  background: var(--mcr-white);
  border-bottom: 4px solid var(--mcr-green);
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.header-top {
  max-width: 1180px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.logo img { width: 170px; max-height: 95px; object-fit: contain; }
.header-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font-weight: 700; }
.phone { color: var(--mcr-plum-dark); text-decoration: none; }
.btn, .wp-block-button__link, input[type="submit"], button {
  background: var(--mcr-green);
  color: var(--mcr-white);
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
  cursor: pointer;
}
.btn:hover, .wp-block-button__link:hover, input[type="submit"]:hover, button:hover { background: var(--mcr-green-dark); }
.main-nav { background: #f3f3f3; }
.main-nav ul { margin: 0; padding: 0 16px; list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: 0; }
.main-nav a {
  display: block;
  padding: 16px 18px;
  text-decoration: none;
  color: var(--mcr-plum-dark);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.main-nav a:hover, .main-nav .current-menu-item > a { color: var(--mcr-green-dark); }
.hero {
  background: linear-gradient(135deg, #fffdf7, #e8f8e5);
  min-height: 180px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--mcr-plum-dark);
  padding: 40px 20px;
  border-bottom: 4px solid var(--mcr-green);
}

.hero h1,
.hero p {
  display: none;
}
.section { padding: 70px 24px; }
.section-plum { background: var(--mcr-plum); color: var(--mcr-white); }
.container { max-width: 1100px; margin: 0 auto; }
.center { text-align: center; }
h1,h2,h3 { color: inherit; line-height: 1.2; }
h2 { font-size: clamp(30px, 4vw, 44px); margin: 0 0 18px; }
.lead { font-size: 18px; max-width: 760px; margin: 0 auto 30px; color: inherit; }
.grid { display: grid; gap: 24px; }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card {
  background: var(--mcr-white);
  color: var(--mcr-text);
  border-radius: 18px;
  padding: 28px;
  box-shadow: var(--mcr-shadow);
  border-top: 6px solid var(--mcr-green);
}
.card h3 { color: var(--mcr-plum-dark); margin-top: 0; }
.check-list { padding-left: 0; list-style: none; }
.check-list li { margin: 10px 0; padding-left: 28px; position: relative; }
.check-list li:before { content: "›"; position: absolute; left: 0; top: -2px; color: var(--mcr-green); font-size: 28px; font-weight: 900; }
.notice { font-size: clamp(22px, 3vw, 34px); color: var(--mcr-muted); }
.notice strong { color: var(--mcr-green-dark); }
.form-card { max-width: 780px; margin: 0 auto; }
input, textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 13px 14px;
  margin: 7px 0 16px;
  font: inherit;
}
textarea { min-height: 130px; }
label { font-weight: 700; }
.site-footer { background: var(--mcr-plum-dark); color: var(--mcr-white); padding: 36px 24px; text-align: center; }
.site-footer a { color: var(--mcr-green); }
.page-wrap { max-width: 960px; margin: 0 auto; padding: 60px 24px; }
@media (max-width: 800px) {
  .header-top { justify-content: center; text-align: center; }
  .header-actions { justify-content: center; }
  .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .main-nav a { padding: 12px; font-size: 12px; }
}

.form-success { background:#e8f8e5; border-left:5px solid var(--mcr-green-dark); padding:12px 14px; border-radius:8px; font-weight:700; }
.form-error { background:#fff0f0; border-left:5px solid #b00020; padding:12px 14px; border-radius:8px; font-weight:700; }