/*
 Theme Name:     Picante Child Theme
 Theme URI:      https://www.codeless.co/picante/presentation
 Description:    Picante Child Theme
 Author:         Codeless
 Author URI:     https://www.codeless.co
 Template:       picante

 Version:        1.0.1
 Template Version: 1.0.0
 Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, full-width-template
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Order Now button wrapper */
.order-now-wrapper {
    position: relative;
    display: inline-flex;      /* fixes baseline issues */
    align-items: center;       /* vertical alignment */
}

/* Kill injected paragraphs safely */
.order-now-wrapper > p {
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    display: block;
}

/* ==========================================================
   ORDER NOW BUTTON – ADA COMPLIANT, FULL STATE SET
   ========================================================== */

.order-now-btn {
    appearance: button;
	width: max-content;
    -webkit-appearance: button;

    display: inline-block;
    box-sizing: border-box;

    text-transform: uppercase;

    background-color: #fd7a29;
    color: #ffffff;

    border: none;
    border-radius: 0;

    padding: 5px 20px;
    height: 42px;
    padding: 0 20px;

    cursor: pointer;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 42px;
	vertical-align: middle;

    text-align: center;
    text-decoration: none;

    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.05s ease;
}

/* -----------------------------
   HOVER
   ----------------------------- */
.order-now-btn:hover {
    background-color: #d8611c;
}

/* -----------------------------
   FOCUS (KEYBOARD / ADA)
   ----------------------------- */
.order-now-btn:focus,
.order-now-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(253, 122, 41, 0.45);
}

/* -----------------------------
   ACTIVE (CLICK)
   ----------------------------- */
.order-now-btn:active {
    transform: translateY(1px);
}

/* -----------------------------
   DISABLED
   ----------------------------- */
.order-now-btn:disabled,
.order-now-btn[aria-disabled="true"] {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}


/* Dropdown initially hidden */
.order-now-dropdown {
    display: none; /* hidden by default */
    position: absolute;
    top: 110%;
    left: -170px;
    background-color: #222;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    z-index: 999999999;
    min-width: 300px;
    max-width: 300px;
    padding: 26px;
	line-height: normal;
}

/* Dropdown links styling */
.order-now-dropdown a {
	display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 30px;
    text-transform: none;
    color: #eae5d6;
	text-transform: uppercase;
}

.order-now-dropdown a:hover {
    font-weight: 800;
}

/* Keyboard focus for dropdown items */
.order-now-dropdown a:focus,
.order-now-dropdown a:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(253, 122, 41, 0.6);
    font-weight: 800;
}

@media (max-width: 991px) {
    .header_container .main .c-right.header-col {
        /* mobile styles */
		direction: rtl;
    	justify-content: flex-start;
    }
}

.testimonials-section > .overlay {
	opacity: 0.7;	
}

.happy-hour-section .cl_column_inner .wrapper {
  	padding-top: 0 !important;
  	padding-bottom: 0 !important;
}

.happy-hour-section .cl_column .cl_col_wrapper .overlay{
  	opacity: 0.6 !important;
}

.careers-overlay .overlay {
	opacity: 0.97 !important;	
}

.about-us-header > .overlay {
	opacity: 0.5 !important;	
}

.faq-header > .overlay {
	opacity: 0.5 !important;	
}

.form-heading-h3 {
	text-align: left;
    line-height: 45px !important;
}

/* ==========================================================
   CONTACT FORM 7 – ADA COMPLIANT (LIGHT / WHITE BACKGROUND)
   Picante-safe, full replacement
   ========================================================== */

/* -----------------------------
   BASE FORM CONTROLS
   ----------------------------- */
.form-heading-h3 .wpcf7-form-control:not(.wpcf7-submit) {
    appearance: auto;
    -webkit-appearance: auto;

    box-sizing: border-box;
    display: inline-block;

    background-color: #ffffff;
    background-image: none;

    color: #1a1a1a;
    -webkit-text-fill-color: #1a1a1a;
    caret-color: #fd7a29;

    border: 1px solid #8a8a8a;
    border-radius: 4px;

    padding: 12px 14px;

    font-family: Prata, serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;

    text-transform: none;
    text-shadow: none;

    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* -----------------------------
   TEXTAREA
   ----------------------------- */
.form-heading-h3 textarea.wpcf7-form-control {
    min-height: 140px;
    height: auto;
    resize: vertical;
    overflow: auto;
}

/* -----------------------------
   PLACEHOLDERS (ADA SAFE)
   ----------------------------- */
.form-heading-h3 .wpcf7-form-control::placeholder {
    color: #6b6b6b;
    opacity: 1;
}

.form-heading-h3 .wpcf7-form-control::-webkit-input-placeholder {
    color: #6b6b6b;
}

.form-heading-h3 .wpcf7-form-control::-moz-placeholder {
    color: #6b6b6b;
}

.form-heading-h3 .wpcf7-form-control:-ms-input-placeholder {
    color: #6b6b6b;
}

/* -----------------------------
   HOVER
   ----------------------------- */
.form-heading-h3 .wpcf7-form-control:not(.wpcf7-submit):hover {
    border-color: #5f5f5f;
}

/* -----------------------------
   FOCUS (CLEAR ADA INDICATOR)
   ----------------------------- */
.form-heading-h3 .wpcf7-form-control:not(.wpcf7-submit):focus {
    outline: none;
    background-color: #ffffff;

    border-color: #fd7a29;
    box-shadow: 0 0 0 3px rgba(253, 122, 41, 0.45);

    color: #1a1a1a;
    -webkit-text-fill-color: #1a1a1a;
}

/* -----------------------------
   CHROME AUTOFILL (LIGHT)
   ----------------------------- */
.form-heading-h3 .wpcf7-form-control:-webkit-autofill,
.form-heading-h3 .wpcf7-form-control:-webkit-autofill:hover,
.form-heading-h3 .wpcf7-form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #1a1a1a;
    box-shadow: 0 0 0 1000px #ffffff inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* -----------------------------
   VALIDATION STATES
   ----------------------------- */
.form-heading-h3 .wpcf7-not-valid {
    border-color: #b00020;
    box-shadow: 0 0 0 3px rgba(176, 0, 32, 0.35);
}

.form-heading-h3 .wpcf7-not-valid-tip {
    color: #8b0000;
    font-size: 14px;
    margin-top: 6px;
}

/* -----------------------------
   RESPONSE MESSAGE
   ----------------------------- */
.form-heading-h3 .wpcf7-response-output {
    margin-top: 20px;
    padding: 14px;
    border-radius: 4px;

    font-size: 14px;
    color: #1a1a1a;
    background-color: #f5f5f5;
    border-left: 4px solid #fd7a29;
}

/* ==========================================================
   SUBMIT BUTTON – ADA COMPLIANT
   ========================================================== */

.contact-form-7-custom-submit input.wpcf7-submit {
    appearance: button;
    -webkit-appearance: button;

    display: inline-block;
    box-sizing: border-box;

    background-color: #fd7a29;
    color: #ffffff;

    border: none;
    border-radius: 0;

    cursor: pointer;

    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;

    padding: 5px 20px;
    height: 42px;

    text-align: center;
    text-transform: none;
    text-shadow: none;

    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* -----------------------------
   BUTTON HOVER
   ----------------------------- */
.contact-form-7-custom-submit input.wpcf7-submit:hover {
    background-color: #d8611c;
}

/* -----------------------------
   BUTTON FOCUS
   ----------------------------- */
.contact-form-7-custom-submit input.wpcf7-submit:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(253, 122, 41, 0.45);
}

/* -----------------------------
   BUTTON ACTIVE
   ----------------------------- */
.contact-form-7-custom-submit input.wpcf7-submit:active {
    transform: translateY(1px);
}

/* -----------------------------
   BUTTON DISABLED
   ----------------------------- */
.contact-form-7-custom-submit input.wpcf7-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}


/* Footer Privacy Policy Link Styles */
.footer-link a {
    text-decoration: none;    /* remove underline */
    font-weight: 600;         /* slightly bolder */
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

.footer-link a:hover {
    text-decoration: underline; /* underline on hover for clarity */
}

/* -----------------------------
   HEADER MENU
   ----------------------------- */
.header_container nav ul li a {
	color: #1a1a1a !important;
}

.cl-transparent nav ul li a {
	color: #ffffff !important;
}

@media (min-width: 0px) and (max-width: 1250px) {
    .header_container.cl-header-light nav ul li a {
		padding-left: 7px !important;
        padding-right: 0px !important;
        margin-right: 0 !important;
    }
	.header_container.header-top nav > ul > li, .header_container.header-bottom nav > ul > li {
        padding-left: 7px !important;
        padding-right: 0px !important;
    }
}

.cl-text p:last-child {
    margin-bottom: 0 !important;
    text-align: center;
}

.header_container.cl-header-light nav ul li a {
	font-size: 14px !important;
	text-shadow: 0 1px is 2px rgba(0,0,0,0.65);
}

/* Sticky header text + links */
.header_container.cl-header-sticky-active 
.cl-header-menu a,
.header_container.cl-header-sticky-active 
.cl-text,
.header_container.cl-header-sticky-active 
p,
.header_container.cl-header-sticky-active 
span {
  font-size: 14px !important;
  color: #1a1a1a !important;
  text-shadow: none !important;
}

/* -----------------------------
   END HEADER MENU
   ----------------------------- */