/* Default state for Get Started button */
.ast-custom-button {
  background-color: #0080be !important;   /* Blue default background */
  color: #ffffff !important;               /* White text */
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover state */
.ast-custom-button:hover {
  background-color: #efb70b !important;   /* Gold hover color */
  color: #000000 !important;              /* Optional dark text on gold */
}
/* ===== Navigation Menu Links ===== */

/* Normal state */
.menu-link {
  color: #ffffff !important;            /* Normal text color (white) */
  text-decoration: none !important;
  transition: color 0.3s ease;
}

/* Hover + Active page state */
.menu-link:hover,
.menu-link:focus,
.menu-link[aria-current="page"] {
  color: #efb70b !important;            /* Gold hover and active link */
}
/* ===== INFO BOX BUTTON HOVER STYLE (GLOBAL) ===== */
.uagb-infobox-cta-link:hover,
.uagb-infobox-cta-button:hover {
  background-color: #efb70b !important;   /* Hover background colour */
  color: #ffffff !important;               /* Text colour on hover */
  border-color: #efb70b !important;        /* Border colour matches background */
  transition: all 0.3s ease-in-out;        /* Smooth hover transition */
  transform: translateY(-2px);             /* Slight lift effect on hover */
}

/* ===== NORMAL (DEFAULT) BUTTON STATE ===== */
.uagb-infobox-cta-link,
.uagb-infobox-cta-button {
  background-color: #0080be !important;   /* Default background colour (your brand blue) */
  color: #ffffff !important;
  border-color: #0080be !important;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}
/* ===== GLOBAL BUTTON STYLE (APPLIES TO ALL BUTTONS SITE-WIDE) ===== */

/* Default button appearance */
a.button,
button,
input[type="button"],
input[type="submit"],
.uagb-button__link,
.uagb-infobox-cta-link,
.uagb-infobox-cta-button {
  background-color: #0080be !important;  /* Default brand blue */
  color: #ffffff !important;              /* White text */
  border: 1px solid #0080be !important;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}

/* Hover state for all buttons */
a.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.uagb-button__link:hover,
.uagb-infobox-cta-link:hover,
.uagb-infobox-cta-button:hover {
  background-color: #efb70b !important;   /* Hover brand yellow */
  color: #ffffff !important;              /* Keep text white */
  border-color: #efb70b !important;       /* Border matches hover */
  transform: translateY(-2px);            /* Slight lift effect */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Subtle glow */
}
/* ===== Astra Theme – Make Form Text White ===== */

/* Form input text */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  color: #ffffff !important;
}

/* Form labels */
form label,
.wp-block-uagb-forms label {
  color: #ffffff !important;
}

/* Placeholder text */
::placeholder {
  color: #ffffff !important;
  opacity: 0.85;
}
/* WPForms – Change input text to navy blue */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="password"],
.wpforms-container input[type="number"],
.wpforms-container textarea,
.wpforms-container select {
    color: #001f3f !important;   /* Navy blue */
}

/* Optional: Placeholder text navy blue too */
.wpforms-container ::placeholder {
    color: #001f3f !important;
    opacity: 0.7;
}
/* ===== VIDEO PEEK WINDOW - ONLY ON CONTACT PAGE ===== */

/* Contact page only — replace 1868 with your actual page ID */
body.page-id-1868 .video-peek-window {
    position: relative;
    height: 350px;              /* window height */
    overflow: hidden;
    margin: 4rem auto;
    max-width: 1100px;
    border-radius: 20px;
}

/* The video behind the window — Contact page only */
body.page-id-1868 .video-peek-window .peek-video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100vh;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}

/* Hide the video everywhere else on the site */
body:not(.page-id-1868) .video-peek-window .peek-video {
    display: none !important;
}
/* ===== CONTACT PAGE FORM – ASTRA TEMPLATE (JZ Logistics) ===== */

/* Make labels & headings inside the content area white */
body #page .site-content .entry-content form label,
body #page .site-content .entry-content form h1,
body #page .site-content .entry-content form h2,
body #page .site-content .entry-content form h3,
body #page .site-content .entry-content form h4,
body #page .site-content .entry-content form h5,
body #page .site-content .entry-content form h6 {
    color: #ffffff !important; /* white labels/titles */
}

/* INPUT FIELDS – white background, NAVY text, GOLD border */
body #page .site-content .entry-content form input:not([type="submit"]),
body #page .site-content .entry-content form textarea,
body #page .site-content .entry-content form select {
    background-color: #ffffff !important;   /* white background */
    color: #002147 !important;              /* NAVY BLUE typed text */
    border: 1px solid #efb70b !important;   /* gold border */
    padding: 10px;
    box-sizing: border-box;
}

/* PLACEHOLDER text (the grey hint before typing) */
body #page .site-content .entry-content form input::placeholder,
body #page .site-content .entry-content form textarea::placeholder {
    color: #5a6a80 !important; /* soft grey/navy */
}

/* FOCUS STATE – when user clicks in the field */
body #page .site-content .entry-content form input:not([type="submit"]):focus,
body #page .site-content .entry-content form textarea:focus,
body #page .site-content .entry-content form select:focus {
    border-color: #0080be !important; /* blue highlight on focus */
    outline: none !important;
}
/* CONTACT PAGE FORM – make input text navy, background white, borders gold */

/* All text-type fields on the Contact page (page ID 338) */
body.page-id-338 form input[type="text"],
body.page-id-338 form input[type="email"],
body.page-id-338 form input[type="tel"],
body.page-id-338 form input[type="url"],
body.page-id-338 form input[type="number"],
body.page-id-338 form textarea {
    background-color: #ffffff !important;   /* white background */
    color: #002147 !important;              /* NAVY BLUE text typed in */
    border: 1px solid #efb70b !important;   /* gold border */
    padding: 10px;
    box-sizing: border-box;
}

/* Placeholder (the faint text before typing) */
body.page-id-338 form input::placeholder,
body.page-id-338 form textarea::placeholder {
    color: #5a6a80 !important;              /* soft grey/navy */
}

/* On focus (when you click into the field) */
body.page-id-338 form input[type="text"]:focus,
body.page-id-338 form input[type="email"]:focus,
body.page-id-338 form input[type="tel"]:focus,
body.page-id-338 form input[type="url"]:focus,
body.page-id-338 form input[type="number"]:focus,
body.page-id-338 form textarea:focus {
    border-color: #0080be !important;       /* blue highlight */
    outline: none !important;
}