/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: A child theme of GeneratePress for customizations.
Author: sahil
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/

/* Hide admin bar */
#wpadminbar {
    display: none !important;
}

/* Hide default GeneratePress header and navigation */
.site-header,
.main-navigation,
.inside-header,
.main-title,
.page-header,
.entry-header,
.breadcrumbs {
    display: none !important;
}

/* Remove default margins and padding */
body {
    margin: 0 !important;
    padding: 0 !important;
}

html {
    margin-top: 0 !important;
}

/* Remove WordPress admin bar spacing */
body.admin-bar {
    margin-top: 0 !important;
}

/* Ensure custom header is visible and properly styled */
.bg-\[#111112\]\/70 {
    background-color: rgba(17, 17, 18, 0.7) !important;
}

/* Header should be at top without admin bar offset */
header.fixed {
    top: 0 !important;
}

/* Ensure content area doesn't overlap with fixed header */
#root {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Footer at bottom */
footer {
    margin-top: auto;
}

/* Hide GeneratePress site content wrappers that might add spacing */
.site-content .content-area {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure Tailwind classes work properly */
.space-y-3 > * + * {
    margin-top: 0.75rem;
}

/* Fallback for Tailwind arbitrary selectors */
[class*="[&_a]:block"] a {
    display: block;
}

[class*="[&_a]:max-w-max"] a {
    max-width: max-content;
}

[class*="[&_a]:text-sm"] a {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

[class*="[&_a]:text-white/35"] a {
    color: rgba(255, 255, 255, 0.35);
    font-weight: 600 !important;
}

/* Ensure footer links are styled correctly */
footer a {
    display: block;
    max-width: max-content;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.35);
    transition: color 0.3s ease-in-out;
}

footer a:hover {
    color: var(--primary-color, #3b82f6);
}

/* Fix header background transparency */
header.bg-\[#111112\]\/70 {
    background-color: rgba(17, 17, 18, 0.7) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Fix Book A Demo button styling */
.btn.primary {
    background-color: #0084ff !important;
    color: white !important;
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.btn.primary:hover {
    background-color: #0066cc !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 132, 255, 0.3);
}

/* Ensure primary color is defined */
:root {
    --primary: #0084ff;
    --secondary: #111112;
}

/* Fix button display issues */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

/* Ensure proper button visibility */
/* .btn.primary {
    display: inline-flex;
} */

/* Ensure all text is white in blog pages */
main.bg-black h1,
main.bg-black h2,
main.bg-black h3,
main.bg-black h4,
main.bg-black h5,
main.bg-black h6,
main.bg-black p,
main.bg-black button {
    color: white !important;
}

/* Specific text color fixes for blog content */
.bg-white\/10 h4 {
    color: white !important;
}

/* Ensure featured blog text is white */
.bg-white\/10 h3,
.bg-white\/10 p {
    color: white !important;
}

/* Ensure CTA section text is white */
.intro-hook,
.intro-hook span,
.max-w-lg h3,
.max-w-lg p {
    color: white !important;
}

/* Fix navigation hover styles to match main site */
header nav a {
    color: white !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

header nav a:hover,
header nav a:focus {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    text-decoration: none !important;
    border-radius: 0.375rem !important;
}

/* Override WordPress theme link styles */
header .uk-nav a {
    color: white !important;
    text-decoration: none !important;
}

header .uk-nav a:hover,
header .uk-nav a:focus {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    text-decoration: none !important;
}

/* Ensure navigation links maintain white text */
header .uk-nav li a {
    color: white !important;
    font-weight: 600;
}
@media (max-width: 380px) {
        header .uk-nav li a {
      font-size: 10px !important; 
    }
  }

header .uk-nav li a:hover,
header .uk-nav li a:focus {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Fix footer styling to match main site */
footer {
    background-color: #000000 !important;
    color: white !important;
}

footer a {
    color: rgba(255, 255, 255, 0.35) !important;
    text-decoration: none !important;
    transition: color 0.3s ease-in-out !important;
}

footer a:hover,
footer a:focus {
    color: var(--primary-color, #0084ff) !important;
    text-decoration: none !important;
}

/* Fix social media icons styling */
footer .social-icons {
    margin-top: 1.8rem !important;
    display: flex !important;
    align-items: center !important;
}

footer .social-icons a {
    display: inline-block !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

footer .social-icons svg {
    width: 41px !important;
    height: 41px !important;
    display: block !important;
}

footer .social-icons .group:hover svg path {
    stroke: var(--primary, #0084ff) !important;
}

/* Ensure footer text colors are consistent */

footer .text-white\/35 {
    color: rgba(255, 255, 255, 0.35) !important;
}

footer .text-white\/50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Fix footer background and layout */
footer .bg-secondary {
    background-color: var(--secondary, #111112) !important;
}



/* Fix footer font weights to match main site */
footer [data-type="lead"] {
    color: white !important;
    font-weight: 600 !important;
}

footer [data-type="lead"] strong {
    color: white !important;
    font-weight: 700 !important;
}

/* footer p,
footer span {
    color: white !important;
} */

footer .text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

/* Ensure exact font sizes match custom design */
.text-4xl {
    font-size: 2.25rem !important; /* 36px */
    line-height: 2.5rem !important; /* 40px */
}

/* Specific fix for Our Blog heading */
h2.text-4xl.font-bold {
    font-size: 2.25rem !important; /* 36px */
    line-height: 2.5rem !important; /* 40px */
    font-weight: 700 !important;
}

.text-2xl {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

.font-semibold {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}

/* Prose styles for blog content */
.prose {
    color: white !important;
    max-width: none !important;
}

.prose h1 {
    color: white !important;
    font-size: 2.25rem !important; /* 36px */
    line-height: 2.5rem !important; /* 40px */
    font-weight: 700 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

.prose h2 {
    color: white !important;
    font-size: 1.875rem !important; /* 30px */
    line-height: 2.25rem !important; /* 36px */
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
}

.prose h3 {
    color: white !important;
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
    font-weight: 600 !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0.5rem !important;
}

.prose h4 {
    color: white !important;
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.75rem !important; /* 28px */
    font-weight: 600 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
}

.prose p {
    color: white !important;
    margin-bottom: 1rem !important;
    line-height: 1.6 !important;
}

.prose a {
    color: #0084ff !important;
    text-decoration: underline !important;
}

.prose a:hover {
    color: #0066cc !important;
}

.prose ul, .prose ol {
    color: white !important;
    margin-bottom: 1rem !important;
}

.prose li {
    color: white !important;
    margin-bottom: 0.25rem !important;
}

.prose strong {
    color: white !important;
    font-weight: 700 !important;
}

.prose em {
    color: white !important;
    font-style: italic !important;
}

/* Ensure all text in prose is white */
.prose * {
    color: white !important;
}


.ml-38 {
    margin-left: 8rem !important;
}
textarea:focus {
    background-color: white;
}

.min-h-\[225px\] {
    min-height: auto !important; 
  }
  
/* Stack author and date vertically on mobile */
@media (max-width: 640px) {
    .blog-meta {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.25rem !important; /* 4px */
    }
    .blog-meta p,
    .blog-meta .text-xs {
        white-space: normal !important;
    }
}