/**
 * ServicesStack – WordPress Fixes
 * Small overrides for WP admin bar and block editor compatibility
 */

/* Admin bar compensation */
body.admin-bar .site-header,
body.admin-bar header.fixed {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar .site-header,
  body.admin-bar header.fixed {
    top: 46px !important;
  }
}

/* WP removes outline on focus — restore for accessibility */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #eab308;
  outline-offset: 2px;
}

/* Gutenberg alignment helpers */
.alignwide  { max-width: 1280px; margin-left: auto; margin-right: auto; }
.alignfull  { max-width: 100%; width: 100%; }

/* WordPress caption */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.875rem; color: #64748b; text-align: center; }

/* Screen reader text */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%); height: 1px; margin: -1px;
  overflow: hidden; padding: 0; position: absolute; width: 1px;
  word-wrap: normal !important;
}

/* =====================================================
   CONTACT FORM 7 — Hero/Modal Dark Theme Styling
   CF7 ke generated HTML pe original design apply karo
   ===================================================== */

/* CF7 form wrapper */
.ss-cf7-hero .wpcf7-form,
.ss-cf7-modal .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}
@media (min-width: 1280px) {
    .ss-cf7-hero .wpcf7-form { gap: 0.875rem; }
}

/* Remove CF7 default paragraph spacing */
.ss-cf7-hero .wpcf7-form p,
.ss-cf7-modal .wpcf7-form p {
    margin: 0;
}

/* CF7 span wrappers — block display */
.ss-cf7-hero .wpcf7-form-control-wrap,
.ss-cf7-modal .wpcf7-form-control-wrap {
    display: block;
}

/* Text / Email / Tel inputs */
.ss-cf7-hero .wpcf7-form input[type="text"],
.ss-cf7-hero .wpcf7-form input[type="email"],
.ss-cf7-hero .wpcf7-form input[type="tel"],
.ss-cf7-modal .wpcf7-form input[type="text"],
.ss-cf7-modal .wpcf7-form input[type="email"],
.ss-cf7-modal .wpcf7-form input[type="tel"] {
    width: 100%;
    height: 2rem;                             /* h-8 */
    background: rgba(255,255,255,0.05);       /* bg-white/5 */
    border: 1px solid rgba(255,255,255,0.25); /* border-white/25 */
    color: #ffffff;
    padding: 0 0.875rem;                      /* px-3.5 */
    font-size: 0.875rem;                      /* text-sm */
    border-radius: 0.75rem;                   /* rounded-xl */
    outline: none;
    font-family: inherit;
    transition: border-color 0.2s, background 0.2s;
    box-sizing: border-box;
}
@media (min-width: 1536px) { /* 2xl */
    .ss-cf7-hero .wpcf7-form input[type="text"],
    .ss-cf7-hero .wpcf7-form input[type="email"],
    .ss-cf7-hero .wpcf7-form input[type="tel"] {
        height: 2.75rem; /* 2xl:h-11 */
    }
    .ss-cf7-modal .wpcf7-form input[type="text"],
    .ss-cf7-modal .wpcf7-form input[type="email"],
    .ss-cf7-modal .wpcf7-form input[type="tel"] {
        height: 2.75rem;
    }
}

/* Placeholder color */
.ss-cf7-hero .wpcf7-form input::placeholder,
.ss-cf7-modal .wpcf7-form input::placeholder {
    color: rgba(255,255,255,0.7); /* placeholder:text-white/70 */
}

/* Focus state */
.ss-cf7-hero .wpcf7-form input[type="text"]:focus,
.ss-cf7-hero .wpcf7-form input[type="email"]:focus,
.ss-cf7-hero .wpcf7-form input[type="tel"]:focus,
.ss-cf7-modal .wpcf7-form input[type="text"]:focus,
.ss-cf7-modal .wpcf7-form input[type="email"]:focus,
.ss-cf7-modal .wpcf7-form input[type="tel"]:focus {
    border-color: #eab308; /* focus:border-yellow-400 */
    background: rgba(255,255,255,0.1); /* focus:bg-white/10 */
}

/* Textarea */
.ss-cf7-hero .wpcf7-form textarea,
.ss-cf7-modal .wpcf7-form textarea {
    width: 100%;
    height: 3.5rem;                            /* h-[56px] */
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.25);
    color: #ffffff;
    padding: 0.75rem 0.875rem;                 /* py-3 px-3.5 */
    font-size: 0.875rem;
    border-radius: 0.75rem;
    outline: none;
    resize: none;
    font-family: inherit;
    transition: border-color 0.2s, background 0.2s;
    box-sizing: border-box;
}
@media (min-width: 1536px) {
    .ss-cf7-hero .wpcf7-form textarea,
    .ss-cf7-modal .wpcf7-form textarea {
        height: 6rem; /* 2xl:h-[96px] */
    }
}
.ss-cf7-hero .wpcf7-form textarea::placeholder,
.ss-cf7-modal .wpcf7-form textarea::placeholder {
    color: rgba(255,255,255,0.7);
}
.ss-cf7-hero .wpcf7-form textarea:focus,
.ss-cf7-modal .wpcf7-form textarea:focus {
    border-color: #eab308;
    background: rgba(255,255,255,0.1);
}

/* Submit Button */
.ss-cf7-hero .wpcf7-form input[type="submit"],
.ss-cf7-modal .wpcf7-form input[type="submit"] {
    width: 100%;
    padding: 0 2rem;
    height: 2.5rem;                            /* 2xl:h-10 */
    background: linear-gradient(to right, #eab308, #f59e0b); /* from-yellow-500 to-amber-400 */
    color: #000000;
    font-size: 0.875rem;
    border-radius: 0.75rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 10px 30px rgba(234,179,8,0.35);
    transition: filter 0.2s, transform 0.1s;
}
.ss-cf7-hero .wpcf7-form input[type="submit"]:hover,
.ss-cf7-modal .wpcf7-form input[type="submit"]:hover {
    filter: brightness(1.1); /* hover:from-yellow-600 */
}
.ss-cf7-hero .wpcf7-form input[type="submit"]:active,
.ss-cf7-modal .wpcf7-form input[type="submit"]:active {
    transform: scale(0.98);
}

/* CF7 Validation Error Messages */
.ss-cf7-hero .wpcf7-not-valid-tip,
.ss-cf7-modal .wpcf7-not-valid-tip {
    color: #fca5a5; /* red-300 */
    font-size: 0.75rem;
    margin-top: 0.25rem;
    display: block;
}
.ss-cf7-hero .wpcf7-not-valid,
.ss-cf7-modal .wpcf7-not-valid {
    border-color: #f87171 !important; /* red-400 */
}

/* CF7 Response/Success Message */
.ss-cf7-hero .wpcf7-response-output,
.ss-cf7-modal .wpcf7-response-output {
    border: none !important;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    margin: 0.5rem 0 0 !important;
}
.ss-cf7-hero .wpcf7-mail-sent-ok,
.ss-cf7-modal .wpcf7-mail-sent-ok {
    background: rgba(74,222,128,0.15);
    color: #86efac; /* green-300 */
}
.ss-cf7-hero .wpcf7-mail-sent-ng,
.ss-cf7-modal .wpcf7-mail-sent-ng,
.ss-cf7-hero .wpcf7-spam-blocked,
.ss-cf7-modal .wpcf7-spam-blocked {
    background: rgba(248,113,113,0.15);
    color: #fca5a5; /* red-300 */
}

/* CF7 Loading Spinner */
.ss-cf7-hero .wpcf7 .ajax-loader,
.ss-cf7-modal .wpcf7 .ajax-loader {
    display: none; /* spinner hide — button state se pata chalta hai */
}