.elementor-kit-5{--e-global-color-primary:#0E1116;--e-global-color-secondary:#545D6B;--e-global-color-text:#1D222A;--e-global-color-accent:#0066F5;--e-global-color-cmbg:#F6F7F9;--e-global-color-cmsurface:#FFFFFF;--e-global-color-cmsurfacemuted:#EDF0F4;--e-global-color-cmborder:#DDE2E9;--e-global-color-cmborderstrong:#848E9D;--e-global-color-cmaccenthover:#0052CC;--e-global-color-cmaccenttint:#EAF2FF;--e-global-color-cmnavy:#0A1B33;--e-global-color-cmondarkmuted:#AAB4C3;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Mukta";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-weight:600;--e-global-typography-cmdisplay-font-family:"Archivo";--e-global-typography-cmdisplay-font-size:72px;--e-global-typography-cmdisplay-font-weight:800;--e-global-typography-cmdisplay-line-height:1.05em;--e-global-typography-cmdisplay-letter-spacing:-0.03em;--e-global-typography-cmlead-font-family:"Mukta";--e-global-typography-cmlead-font-size:22px;--e-global-typography-cmlead-font-weight:400;--e-global-typography-cmlead-line-height:1.6em;--e-global-typography-cmeyebrow-font-family:"Archivo";--e-global-typography-cmeyebrow-font-size:13px;--e-global-typography-cmeyebrow-font-weight:600;--e-global-typography-cmeyebrow-text-transform:uppercase;--e-global-typography-cmeyebrow-line-height:1.4em;--e-global-typography-cmeyebrow-letter-spacing:0.08em;--e-global-typography-cmmeta-font-family:"Mukta";--e-global-typography-cmmeta-font-size:15px;--e-global-typography-cmmeta-font-weight:500;--e-global-typography-cmmeta-line-height:1.5em;--e-global-typography-cmnav-font-family:"Archivo";--e-global-typography-cmnav-font-size:16px;--e-global-typography-cmnav-font-weight:600;background-color:#F6F7F9;color:#1D222A;font-family:"Mukta", Sans-serif;font-size:18px;font-weight:400;line-height:1.7em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#0066F5;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;line-height:1.25em;letter-spacing:0.01em;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:14px 24px 14px 24px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#0052CC;color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#FFFFFF;padding-inline-end:24px;padding-inline-start:24px;}.site-footer{background-color:#FFFFFF;}.elementor-kit-5 a{color:#0052CC;}.elementor-kit-5 a:hover{color:#0E1116;}.elementor-kit-5 h1{color:#0E1116;font-family:"Archivo", Sans-serif;font-size:56px;font-weight:800;line-height:1.1em;letter-spacing:-0.025em;}.elementor-kit-5 h2{color:#0E1116;font-family:"Archivo", Sans-serif;font-size:42px;font-weight:700;line-height:1.15em;letter-spacing:-0.02em;}.elementor-kit-5 h3{color:#0E1116;font-family:"Archivo", Sans-serif;font-size:28px;font-weight:700;line-height:1.25em;letter-spacing:-0.01em;}.elementor-kit-5 h4{color:#0E1116;font-family:"Archivo", Sans-serif;font-size:22px;font-weight:700;line-height:1.3em;}.elementor-kit-5 h5{color:#0E1116;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:700;line-height:1.35em;}.elementor-kit-5 h6{color:#0E1116;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:700;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .header-inner{width:1240px;max-width:100%;}.site-header .site-branding .site-logo img{width:210px;max-width:210px;}.site-header .site-navigation ul.menu > li > a{color:#1D222A;}.site-header .site-navigation ul.menu > li.menu-item-has-children::after{color:#1D222A;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:#0E1116;}.site-header .site-navigation-toggle{background-color:#FFFFFF;}.site-header .site-navigation .menu li{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding .site-logo img{width:170px;max-width:170px;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-cmdisplay-font-size:52px;--e-global-typography-cmlead-font-size:20px;}.elementor-kit-5 h1{font-size:44px;}.elementor-kit-5 h2{font-size:34px;}.elementor-kit-5 h3{font-size:25px;}.elementor-kit-5 h4{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-cmdisplay-font-size:40px;--e-global-typography-cmlead-font-size:19px;font-size:17px;}.elementor-kit-5 h1{font-size:36px;}.elementor-kit-5 h2{font-size:28px;}.elementor-kit-5 h3{font-size:22px;}.elementor-kit-5 h4{font-size:19px;}.elementor-kit-5 h5{font-size:17px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{padding:13px 20px 13px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header{padding-inline-end:16px;padding-inline-start:16px;}.site-header .site-branding .site-logo img{width:170px;max-width:170px;}.site-footer .site-branding .site-logo img{width:150px;max-width:150px;}}:root { --cm-bg:#F6F7F9; --cm-surface:#FFFFFF; --cm-surface-muted:#EDF0F4; --cm-ink:#0E1116; --cm-text:#1D222A; --cm-text-muted:#545D6B; --cm-border:#DDE2E9; --cm-border-strong:#848E9D; --cm-accent:#0066F5; --cm-accent-hover:#0052CC; --cm-accent-tint:#EAF2FF; --cm-navy:#0A1B33; --cm-on-dark-muted:#AAB4C3; --cm-font-heading:Archivo; --cm-font-body:Mukta; --cm-radius-sm:8px; --cm-radius-md:10px; --cm-radius-lg:16px; --cm-radius-xl:24px; --cm-space-2xs:4px; --cm-space-xs:8px; --cm-space-sm:12px; --cm-space-md:16px; --cm-space-lg:24px; --cm-space-xl:32px; --cm-space-2xl:48px; --cm-space-3xl:64px; --cm-container:1240px; --cm-measure:720px; --cm-text-small:0.9375rem; --cm-text-eyebrow:0.8125rem; --cm-text-display:clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem); --cm-text-h1:clamp(2.25rem, 1.7rem + 2.4vw, 3.5rem); --cm-text-h2:clamp(1.75rem, 1.4rem + 1.5vw, 2.625rem); --cm-text-h3:clamp(1.375rem, 1.2rem + 0.75vw, 1.75rem); --cm-text-h4:clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem); --cm-text-body:clamp(1.0625rem, 1rem + 0.25vw, 1.125rem); --cm-text-lead:clamp(1.1875rem, 1.05rem + 0.6vw, 1.375rem); --cm-section-space:clamp(4rem, 2.5rem + 6vw, 7.5rem); --cm-gutter:clamp(1rem, 0.5rem + 2.5vw, 2rem); --cm-duration:200ms; --cm-danger:#B42318; --cm-danger-tint:#FEF3F2; --cm-warn:#B45309; --cm-warn-tint:#FFF6ED; --cm-ok:#067647; --cm-ok-tint:#ECFDF3; --cm-header-height:72px; }
/* Start custom CSS *//* CarManual.in global foundation. Component styling lives in Elementor global classes (cm-*). */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
::selection { background: #0066F5; color: #FFFFFF; }
:focus-visible { outline: 3px solid #0066F5; outline-offset: 2px; }
h1, h2, h3, h4 { text-wrap: balance; }
p { text-wrap: pretty; }
a { text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
.site-header { border-bottom: 1px solid #DDE2E9; }
.site-header .site-navigation ul.menu li a:hover,
.site-header .site-navigation ul.menu li.current-menu-item > a { color: #0066F5; }
/* Hello theme mobile menu: keep the toggle neutral (overrides global button hover/focus) */
.site-header .site-navigation-toggle,
.site-header .site-navigation-toggle:hover,
.site-header .site-navigation-toggle:focus { background-color: #FFFFFF; color: #0E1116; border: 1px solid #DDE2E9; border-radius: 10px; padding: 10px; }
.site-header .site-navigation-dropdown ul.menu li a { font-family: "Archivo", sans-serif; font-weight: 600; color: #1D222A; }
.site-header .site-navigation-dropdown ul.menu li a:hover,
.site-header .site-navigation-dropdown ul.menu li.current-menu-item > a { color: #0066F5; }
.site-footer { border-top: 1px solid #DDE2E9; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* ================= Elementor header, footer and templates (Phase 3) ================= */

/* Header navigation (Elementor Pro Nav Menu widget) */
.cm-header .elementor-nav-menu--main .elementor-item { font-family: "Archivo", sans-serif; font-weight: 600; font-size: 1rem; color: #0E1116; padding: 10px 2px; fill: #0E1116; }
.cm-header .elementor-nav-menu--main .elementor-item:hover,
.cm-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
.cm-header .elementor-nav-menu--main .elementor-item.highlighted { color: #0052CC; }
.cm-header .elementor-nav-menu--main .elementor-item:focus-visible { outline: 3px solid #0066F5; outline-offset: 3px; border-radius: 4px; }
.cm-header .elementor-nav-menu--dropdown { background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 10px; box-shadow: 0 12px 32px rgba(14,17,22,0.12); overflow: hidden; }
.cm-header .elementor-nav-menu--dropdown a { font-family: "Archivo", sans-serif; font-weight: 600; font-size: 1rem; color: #1D222A; padding: 14px 18px; }
.cm-header .elementor-nav-menu--dropdown a:hover,
.cm-header .elementor-nav-menu--dropdown a.elementor-item-active { background-color: #EDF0F4; color: #0052CC; }
.cm-header .elementor-menu-toggle { width: 44px; height: 44px; color: #0E1116; background-color: #FFFFFF; border: 1px solid #DDE2E9; border-radius: 8px; }
.cm-header .elementor-menu-toggle:hover,
.cm-header .elementor-menu-toggle:focus { background-color: #EDF0F4; color: #0E1116; }
.cm-header .elementor-menu-toggle:focus-visible { outline: 3px solid #0066F5; outline-offset: 2px; }
.cm-header .elementor-nav-menu--main { gap: 30px; }

/* Country .elementor-kit-5: plain disclosure, no default marker */
.cm-country summary { list-style: none; }
.cm-country summary::-webkit-details-marker { display: none; }
.cm-country details[open] .cm-country-trigger { border-color: #848E9D; }

/* Site search form (CarManual Site Kit plugin) */
.cm-searchform { display: flex; align-items: center; width: 100%; }
.cm-searchform__input { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid #DDE2E9; border-right: 0; border-radius: 10px 0 0 10px; background-color: #FFFFFF; font-family: "Mukta", sans-serif; font-size: 0.9375rem; color: #1D222A; }
.cm-searchform__input::placeholder { color: #545D6B; }
.cm-searchform__input:focus { outline: none; border-color: #848E9D; }
.cm-searchform__input:focus-visible { outline: 3px solid #0066F5; outline-offset: -1px; }
.cm-searchform__submit { height: 44px; padding: 0 18px; border: 0; border-radius: 0 10px 10px 0; background-color: #0066F5; color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.9375rem; cursor: pointer; transition: background-color 150ms; }
.cm-searchform__submit:hover { background-color: #0052CC; }
.cm-searchform:focus-within .cm-searchform__input { border-color: #848E9D; }

/* Breadcrumbs (Rank Math) */
.cm-breadcrumbs .rank-math-breadcrumb p { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cm-breadcrumbs a { color: #545D6B; text-decoration: none; }
.cm-breadcrumbs a:hover { color: #0052CC; text-decoration: underline; }
.cm-breadcrumbs .separator { color: #848E9D; }
.cm-breadcrumbs .last { color: #0E1116; font-weight: 600; }

/* Article body and rich-text fields */
.cm-prose > *:first-child { margin-top: 0; }
.cm-prose > *:last-child { margin-bottom: 0; }
.cm-prose p { margin: 0 0 1em; }
.cm-prose h2 { font-family: "Archivo", sans-serif; font-weight: 700; font-size: clamp(1.375rem, 1.2rem + 0.75vw, 1.75rem); color: #0E1116; margin: 1.7em 0 0.5em; }
.cm-prose h3 { font-family: "Archivo", sans-serif; font-weight: 700; font-size: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem); color: #0E1116; margin: 1.5em 0 0.4em; }
.cm-prose ul, .cm-prose ol { margin: 0 0 1em; padding-inline-start: 1.25em; }
.cm-prose li { margin-bottom: 0.35em; }
.cm-prose a { color: #0052CC; text-decoration: underline; }
.cm-prose img { max-width: 100%; height: auto; border-radius: 10px; }
.cm-prose blockquote { margin: 1.5em 0; padding-inline-start: 1em; border-inline-start: 3px solid #0066F5; color: #545D6B; }
.cm-prose table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.cm-prose th, .cm-prose td { border-bottom: 1px solid #DDE2E9; padding: 8px 10px; text-align: left; vertical-align: top; }

/* Sticky header must clear the WordPress admin bar */
body.admin-bar .cm-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .cm-header { top: 46px; } }

/* ---- Template markers (CarManual Site Kit) ---- */
.cm-chips { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.cm-chip { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; border: 1px solid #DDE2E9; background-color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.8125rem; color: #1D222A; text-decoration: none; }
.cm-chip:hover { border-color: #848E9D; color: #0052CC; }
.cm-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 13px 22px; border-radius: 10px; background-color: #0066F5; color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 1rem; line-height: 1.25; text-decoration: none; transition: background-color 150ms; }
.cm-btn:hover, .cm-btn:focus { background-color: #0052CC; color: #FFFFFF; }
.cm-link { color: #0052CC; text-decoration: none; }
.cm-link:hover { text-decoration: underline; }
.cm-title-link { color: #0E1116; text-decoration: none; }
.cm-title-link:hover { color: #0052CC; }
.cm-list { margin: 0; padding-inline-start: 1.1em; }
.cm-list li { margin-bottom: 0.3em; }
.cm-field-image { display: block; max-width: 100%; height: auto; object-fit: contain; }

/* ---- Featured images inside templates ---- */
.cm-card-compact .elementor-widget-theme-post-featured-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; }
.cm-hero .elementor-widget-theme-post-featured-image img { display: block; width: 100%; max-height: 440px; object-fit: cover; border-radius: 16px; margin-top: 8px; }

/* ---- Hide the parts of a template an entry has not filled in yet ---- */
.cm-spec:has(.cm-spec-value:empty) { display: none; }
.cm-note:has(> .cm-prose:empty) { display: none; }
.cm-note-warn:has(> p:empty) { display: none; }
.cm-container h2:has(+ .cm-prose:empty) { display: none; }

/* ---- Marker output inside V4 text elements needs the extra specificity ---- */
.elementor .cm-chips .cm-chip { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; border: 1px solid #DDE2E9; background-color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.8125rem; color: #1D222A; text-decoration: none; }
.elementor .cm-chips .cm-chip:hover { border-color: #848E9D; color: #0052CC; }
.elementor .e-paragraph-base .cm-btn, .elementor .e-heading-base .cm-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 13px 22px; border-radius: 10px; background-color: #0066F5; color: #FFFFFF; font-family: "Archivo", sans-serif; font-weight: 600; font-size: 1rem; line-height: 1.25; text-decoration: none; }
.elementor .e-paragraph-base .cm-btn:hover { background-color: #0052CC; color: #FFFFFF; }
.elementor .cm-row > span:nth-child(n+2) .cm-btn { background-color: #FFFFFF; color: #0E1116; border: 1px solid #848E9D; }
.elementor .cm-row > span:nth-child(n+2) .cm-btn:hover { background-color: #FFFFFF; border-color: #0066F5; color: #0052CC; }
.elementor .e-paragraph-base .cm-link, .elementor .e-paragraph-base .cm-title-link, .elementor .e-heading-base .cm-title-link { color: #0052CC; text-decoration: none; }
.elementor .e-heading-base .cm-title-link { color: #0E1116; }
.elementor .e-paragraph-base .cm-link:hover { text-decoration: underline; }
.elementor .e-heading-base .cm-title-link:hover { color: #0052CC; }
.elementor .e-paragraph-base .cm-field-image { display: block; max-width: 100%; height: auto; object-fit: contain; }
.elementor .cm-logo-tile .cm-field-image { max-width: 150px; max-height: 70px; }
.elementor .cm-icon-box .cm-field-image { max-width: 72px; max-height: 72px; }
.elementor .e-paragraph-base .cm-list { margin: 0; padding-inline-start: 1.1em; }

/* ---- Mobile navigation panel: drop it below the whole header, full width ---- */
@media (max-width: 1024px) {
  .cm-header .cm-header-inner { position: static; }
  .cm-header .elementor-widget-nav-menu { position: static; }
  .cm-header .elementor-nav-menu--dropdown { position: absolute !important; top: 100%; inset-inline: 0; width: auto !important; max-width: none !important; border-radius: 0 0 12px 12px; border-top: 0; }
}/* End custom CSS */