/*
Theme Name: NAS Driving Software Child
Theme URI: https://newagesysit.com/
Author: NewAge SYS IT
Author URI: https://newagesysit.com/
Description: Child theme for NAS Driving Software. Put all customizations here.
Template: nas-driving-software
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nas-driving-software-child
*/

/* Layout and components come from Tailwind classes in the templates (config: assets/js/tailwind-config.js).
   This file only holds what Tailwind can't express cleanly. */

/* calculator slider thumb (a url() inside a Tailwind class would resolve against the page URL) */
.nas-sliders input::-webkit-slider-thumb { background-image: url("assets/images/icons/range-thumb.svg"); }
.nas-sliders input::-moz-range-thumb { background-image: url("assets/images/icons/range-thumb.svg"); }

/* Book a demo popup: phone field with country picker (intl-tel-input) */
.nas-phone .iti { display: block; width: 100%; }
.nas-phone .iti__flag-container { padding: 0; }
.nas-phone .iti__selected-flag { padding: 0 0 0 16px; background: transparent !important; border-radius: 8px 0 0 8px; }
.nas-phone .iti__arrow { display: none; }
.nas-phone .iti__selected-dial-code { align-self: stretch; display: flex; align-items: center; margin-left: 14px; padding-left: 14px; border-left: 1px solid #c9c9b8; color: #5f6068; font-size: 15px; }
.iti--container { z-index: 1000; }
.iti__country-list { font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 14px; border-radius: 8px; }

/* keep the sticky nav below the WordPress admin bar when logged in */
.admin-bar #nav { top: 32px; }
@media (max-width: 782px) { .admin-bar #nav { top: 46px; } }
@media (max-width: 600px) { .admin-bar #nav { top: 0; } }

/* inner pages (posts, pages, archives) */
.nas-inner #main { max-width: 1200px; margin: 0 auto; padding: 56px 20px 80px; color: #43424f; font-size: 18px; line-height: 1.6; }
.nas-inner #main article + article { margin-top: 48px; padding-top: 48px; border-top: 1px solid #dde2ed; }
.nas-inner #main .entry-title { font-family: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif; font-weight: 600; line-height: 1.2; color: #03087a; margin-bottom: 16px; }
.nas-inner #main h1.entry-title { font-size: 44px; }
.nas-inner #main h2.entry-title { font-size: 32px; }
.nas-inner #main .entry-title a:hover { color: #012bff; }
.nas-inner #main .entry-thumbnail { margin-bottom: 24px; border-radius: 16px; overflow: hidden; }
.nas-inner #main .entry-content > * + * { margin-top: 1em; }
.nas-inner #main .entry-content h2, .nas-inner #main .entry-content h3 { color: #03087a; font-weight: 600; line-height: 1.3; }
.nas-inner #main .entry-content h2 { font-size: 30px; }
.nas-inner #main .entry-content h3 { font-size: 24px; }
.nas-inner #main .entry-content a { color: #012bff; text-decoration: underline; }
.nas-inner #main .entry-content ul { list-style: disc; padding-left: 1.4em; }
.nas-inner #main .entry-content ol { list-style: decimal; padding-left: 1.4em; }
@media (max-width: 700px) { .nas-inner #main h1.entry-title { font-size: 32px; } }