/*!
Theme Name: arzuno_content
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: arzuno_content
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

arzuno_content is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Custom CSS for Contact Form Button Stacking */
.contact-btns-vertical {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px;
}

.contact-btns-vertical .signup-btn {
    width: 100%;
    margin-bottom: 0;
}

.contact-btns-vertical .signup-btn:first-child {
    margin-bottom: 10px;
}

/* Ensure signup buttons have consistent styling */
.signup-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    display: block !important;
    text-align: center !important;
}

.signup-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4) !important;
}

/* Override any Bootstrap or theme CSS that might interfere */
.contact_form_block .col-md-5.contact-btns-vertical {
    display: flex !important;
    flex-direction: column !important;
}

/* Mobile responsiveness for buttons */
@media (max-width: 768px) {
    .contact-btns-vertical .signup-btn {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }
}


/* Header and Footer Sign Up Button - Solid Red */
.header-signup-btn, .footer-signup-btn {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.header-signup-btn:hover, .footer-signup-btn:hover {
    background: #b71c1c !important;
}

/* Footer Submit Button - Blue */
.footer-submit-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.footer-submit-btn:hover {
    background: #4a5eea !important;
}

/* SVG inside buttons */
.signup-btn svg {
    margin-left: 8px;
    vertical-align: middle;
}


/* Enhanced Header Sign Up Button - Solid Red with proper styling */
.header-signup-btn {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    outline: none !important;
}

.header-signup-btn:hover {
    background: #b71c1c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(229, 57, 53, 0.4) !important;
}

.header-signup-btn:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.3) !important;
}

/* Remove any conflicting styles from .red_btn if it still exists */
.red_btn {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* Ensure SVG arrows are properly aligned in all buttons */
.signup-btn svg, .header-signup-btn svg, .footer-signup-btn svg, .footer-submit-btn svg {
    margin-left: 8px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* Override any default button styles that might interfere */
button.header-signup-btn {
    background: #e53935 !important;
    background-image: none !important;
    background-gradient: none !important;
}

button.header-signup-btn:hover {
    background: #b71c1c !important;
    background-image: none !important;
    background-gradient: none !important;
}


/* =========================
   FINAL ADJUSTMENTS CSS
   ========================= */

/* 1. Header Sign Up Button - RED */
.header-signup-btn {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-right: 15px !important;
}

.header-signup-btn:hover {
    background: #b71c1c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(229, 57, 53, 0.4) !important;
}

/* 2. Header Contact Us Button - Border style */
.border_btn {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.border_btn:hover {
    background: #fff !important;
    color: #333 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3) !important;
}

/* 3. Header buttons container - side by side layout */
.flex_btns {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin: 20px 0 !important;
}

/* 4. Footer Sign Up Button - RED */
.footer-signup-btn {
    background: #e53935 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}

.footer-signup-btn:hover {
    background: #b71c1c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(229, 57, 53, 0.4) !important;
}

/* 5. Footer Submit Button - BLUE */
.footer-submit-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}

.footer-submit-btn:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4) !important;
}

/* 6. SVG arrows inside buttons - proper alignment */
.header-signup-btn svg,
.footer-signup-btn svg,
.footer-submit-btn svg,
.border_btn svg {
    margin-left: 8px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* 7. Remove any external arrows */
.contact-btns-vertical svg:not(button svg):not(.border_btn svg):not(.header-signup-btn svg) {
    display: none !important;
}

/* 8. Footer buttons vertical stacking */
.contact-btns-vertical {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

/* 9. Override any conflicting styles */
button.header-signup-btn,
button.footer-signup-btn,
button.footer-submit-btn {
    background-image: none !important;
}

/* 10. Responsive adjustments */
@media (max-width: 768px) {
    .flex_btns {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .header-signup-btn,
    .border_btn {
        margin-right: 0 !important;
        width: 100% !important;
        justify-content: center !important;
    }
}