/*
Theme Name:   Teevbe (Twenty Twenty-Five Child)
Theme URI:    https://teev.be
Description:  Custom child theme for Teevbe website based on Twenty Twenty-Five
Author:       Teevbe Team
Author URI:   https://teev.be
Template:     twentytwentyfive
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwentyfive-teevbe
Tags:         block-theme, multilingual, custom
*/

/*
 * This is your child theme stylesheet.
 * 
 * Add all your custom CSS below this comment.
 * Your styles will override the parent theme styles.
 *
 * Example customizations:
 */

/* Custom font sizes */
/* 
body {
    font-size: 18px;
}

h1 {
    font-size: 2.5rem;
}
*/

/* Custom colors */
/*
:root {
    --wp--preset--color--primary: #your-color;
}
*/

/* Add your custom CSS here */

/* ============================================
   TEMPORARY LAUNCH HOMEPAGE CUSTOMIZATIONS
   ============================================
   These styles create a minimal launch page:
   - No header/navigation on homepage
   - Centered logo on page body
   - Blog & About links only in footer
   - Black footer with white text
   ============================================ */

/* ===== TASK 1 & 2: Hide Page Title "Launch Home" ===== */
.home .entry-title,
.home .wp-block-post-title {
    display: none !important;
}

/* ===== TASK 3 & 4: Hide Header and Navigation on Homepage ===== */
.home header,
.home .wp-block-template-part[class*="header"],
.home nav,
.home .site-header {
    display: none !important;
}

/* Hide site title "teev" everywhere on homepage */
.home .wp-site-blocks header .site-title,
.home .wp-site-blocks header .site-branding {
    display: none !important;
}

/* ===== Homepage Content: Full Viewport Height with Centered Content ===== */
/* Make main content area exactly 100vh to center content between top and bottom viewport edges */
.home main {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
}

/* Center all content blocks on homepage main area (exclude footer) */
.home main .wp-block-post-content,
.home main article,
.home main .wp-block-group,
.home main .wp-block-cover,
.home main .entry-content > * {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

/* Ensure homepage content takes full viewport */
.home .wp-site-blocks {
    display: flex;
    flex-direction: column;
}

/* Override footer centering - keep original left/right layout */
.home footer,
.home .wp-block-template-part[class*="footer"] {
    display: block !important;
    text-align: left !important;
}

.home footer .wp-block-group {
    display: block !important;
}

/* ===== TASK 5: Footer - Black Background, White Text ===== */
footer,
.site-footer,
.wp-block-template-part[class*="footer"],
.wp-site-blocks > footer {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 2rem 1rem;
}

/* Ensure footer extends to full width with no white stripe */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wp-site-blocks {
    padding: 0 !important;
    margin: 0 !important;
    flex: 1;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

footer,
.wp-block-template-part[class*="footer"],
.wp-block-group.has-black-background-color {
    margin: 0 !important;
    width: 100% !important;
    background-color: #000000 !important;
}

/* Ensure all footer text is white */
footer *,
.site-footer *,
.wp-block-template-part[class*="footer"] * {
    color: #ffffff !important;
}

/* Footer links styling */
footer a,
.site-footer a {
    color: #ffffff !important;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

footer a:hover,
.site-footer a:hover {
    opacity: 0.7;
}

/* ===== TASK 6 & 7: Footer Layout - Logo Left, Navigation Right ===== */
footer,
.site-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
}

/* Hide "Twenty Twenty-Five" credits/attribution */
footer .wp-block-site-title a,
footer [class*="credit"],
footer [class*="powered"],
footer .theme-info,
.site-info {
    display: none !important;
}

/* Footer left section - Logo and claim */
footer .site-branding,
footer .wp-block-site-logo,
footer .wp-block-columns:first-child,
.footer-left {
    order: 1;
}

/* Footer right section - Language switcher and links */
footer nav,
footer .wp-block-navigation,
footer .widget,
footer .lang-switcher,
.footer-right {
    order: 2;
}

/* Style footer navigation (Blog & About links) */
footer nav ul,
footer .wp-block-navigation__container {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
}

footer nav li,
footer .wp-block-navigation-item {
    margin: 0;
}

/* Language Switcher Styles */
footer .lang-item,
footer .pll-switcher,
footer .widget_polylang,
footer .lang-switcher {
    margin-bottom: 1rem;
}

footer .lang-item ul,
footer .pll-switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

footer .lang-item li,
footer .pll-switcher li {
    display: inline-block;
}

footer .lang-item a,
footer .pll-switcher a {
    padding: 0.25rem 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    font-size: 0.9rem;
    text-transform: uppercase;
}

footer .lang-item a:hover,
footer .pll-switcher a:hover {
    border-color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

footer .lang-item .current-lang a,
footer .pll-switcher .current-lang a,
footer .lang-item .current_page_item a {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #ffffff;
}

/* ===== Responsive Design ===== */
@media (min-width: 768px) {
    footer,
    .site-footer {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        text-align: left;
    }

    /* Left side */
    footer .site-branding,
    footer .wp-block-site-logo,
    .footer-left {
        order: 1;
        text-align: left;
    }

    /* Right side */
    footer nav,
    footer .wp-block-navigation,
    .footer-right {
        order: 2;
        text-align: right;
    }

    footer nav ul,
    footer .wp-block-navigation__container {
        align-items: flex-end;
    }

    footer .lang-item ul,
    footer .pll-switcher ul {
        justify-content: flex-end;
    }
}

/* ===== Mailgun Subscription Form Styling ===== */

/* Target any form on homepage main content */
.home main form,
.mailgun-list-subscription-widget,
.wp-block-shortcode form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.home main form,
.mailgun-list-subscription-widget form,
.wp-block-shortcode form {
    display: flex !important;
    gap: 0.75rem !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
}

/* Completely hide the "Email:" label - multiple selectors */
.home main form label,
.mailgun-list-subscription-widget label,
.wp-block-shortcode form label,
label[for*="email"],
form label {
    display: none !important;
    visibility: hidden !important;
}

/* Style the email input to match theme form fields - multiple selectors */
.home main input[type="email"],
.mailgun-list-subscription-widget input[type="email"],
.wp-block-shortcode input[type="email"] {
    flex: 1 !important;
    min-width: 280px !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    outline: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.home main input[type="email"]:focus,
.mailgun-list-subscription-widget input[type="email"]:focus,
.wp-block-shortcode input[type="email"]:focus {
    border-color: #000000 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.home main input[type="email"]::placeholder,
.mailgun-list-subscription-widget input[type="email"]::placeholder,
.wp-block-shortcode input[type="email"]::placeholder {
    color: #9ca3af !important;
}

/* Style the subscribe button to match theme buttons - multiple selectors */
.home main input[type="submit"],
.mailgun-list-subscription-widget input[type="submit"],
.wp-block-shortcode input[type="submit"] {
    padding: 1rem 2rem !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.home main input[type="submit"]:hover,
.mailgun-list-subscription-widget input[type="submit"]:hover,
.wp-block-shortcode input[type="submit"]:hover {
    background-color: #1a1a1a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important;
}

.home main input[type="submit"]:active,
.mailgun-list-subscription-widget input[type="submit"]:active,
.wp-block-shortcode input[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Extra aggressive targeting for any input/button on homepage */
.home main input,
.home article input,
.home .wp-block-group input {
    padding: 1rem 1.25rem !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
}

.home main input:focus,
.home article input:focus {
    border-color: #000000 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* NUCLEAR OPTION - Force black button on ALL submit buttons on homepage */
.home input[type="submit"],
.home button[type="submit"],
.home main input[type="submit"],
.home main button[type="submit"],
.home article input[type="submit"],
.home .wp-block-group input[type="submit"],
.home input[value="Subscribe"],
.home button {
    padding: 1rem 2rem !important;
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    border-color: #000000 !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s ease !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.home input[type="submit"]:hover,
.home button[type="submit"]:hover,
.home main input[type="submit"]:hover,
.home main button[type="submit"]:hover,
.home input[value="Subscribe"]:hover,
.home button:hover {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important;
}

.home input[type="submit"]:active,
.home button:active {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    transform: translateY(0) !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .home main form,
    .mailgun-list-subscription-widget form,
    .wp-block-shortcode form {
        flex-direction: column;
        gap: 1rem;
    }

    .home main input,
    .mailgun-list-subscription-widget input[type="email"],
    .mailgun-list-subscription-widget input[type="submit"] {
        width: 100%;
        min-width: 100%;
    }
}

/* Success and error message styling */
.teevbe-form-message {
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.95rem;
    text-align: center;
    margin-top: 1rem;
}

.teevbe-form-message-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.teevbe-form-message-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ===== END TEMPORARY LAUNCH HOMEPAGE STYLES ===== */