.vayra-footer{
    background:#202020;
    color:#e8e4dd;
    padding:70px 60px 30px;
    font-family:'Helvetica Neue', Arial, sans-serif;
    overflow-x:hidden;
}

/* ---- TOP ---- */
.vf-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
    padding-bottom:70px;
}
.vf-heading{
    font-family:'Helvetica Neue', Arial, sans-serif;
    font-weight:300;
    font-size:clamp(32px,4vw,52px);
    line-height:1.35;
    margin:0 0 40px;
}
.vf-heading .w{
    color:#4a473f;
    font-weight:600;
    transition:color .5s ease;
}
.vf-heading .w.lit{color:#f3efe8;}

/* form label -> Helvetica */
.vf-form-label{
    font-family:'Helvetica Neue', Arial, sans-serif;
    display:flex;align-items:center;gap:9px;
    font-size:14px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#EDE6DA;
    margin-bottom:12px;
    font-weight:300;
}
/* column title -> Cormorant */
.vf-col-title{
    font-family:'Cormorant Garamond', serif;
    display:flex;align-items:center;gap:9px;
    font-size:20px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#EDE6DA;
    margin-bottom:12px;
    font-weight:700;
}

/* hollow circle bullet 7x7 */
.vf-dot{
    display:inline-block;
    width:7px;height:7px;
    border-radius:50%;
    border:1.5px solid #EDE6DA;
    background:transparent;
    flex:0 0 auto;
}

/* accordion chevron (desktop pe hidden) */
.vf-acc-icon{
    display:none;
    margin-left:auto;
    font-size:12px;
    color:#EDE6DA;
    transition:transform .3s ease;
}

/* input bar cream + button dark, 5px padding inside bar */
.vf-form-row{
    display:flex;
    align-items:center;
    max-width:430px;
    margin-bottom:16px;
    background:#EDE6DA;
    padding:5px;
}
.vf-form-row input{
    flex:1;
    min-width:0;
    background:transparent;
    border:0;
    color:#202020;
    font-size:14px;
    padding:12px 14px;
    outline:none;
}
.vf-form-row input::placeholder{color:#8a857c;}
.vf-form-row button{
    font-family:'Helvetica Neue', Arial, sans-serif;
    background:#202020;
    color:#EDE6DA;
    border:0;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:600;
    padding:14px 26px;
    cursor:pointer;
    white-space:nowrap;
    transition:background .3s;
}
.vf-form-row button:hover{background:#000;}

.vf-check{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:11px;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#DDDDDD;
}
.vf-check input{width:14px;height:14px;accent-color:#8f8a80;}
.vf-check a{color:#BBBBBB;text-decoration:underline;}

/* big logo right */
.vf-top-right{text-align:right;}
.vf-biglogo{
    font-family:'Cormorant Garamond', serif;
    font-weight:500;
    font-size:clamp(70px,14vw,180px);
    line-height:.9;
    letter-spacing:4px;
    color:#f3efe8;
}
.vf-tagline {
    font-family: 'Helvetica Neue';
    font-style: italic;
    font-size: 25px;
    color: #EDE6DA;
    margin: 10px 0 0;
}
.vf-tagline span {
    font-family: 'Helvetica Neue';
    font-size: 25px;
    font-weight: 500;
    color: #A75A3B;
    font-style: normal;
}

/* ---- COLUMNS ---- */
.vf-cols{
    display:grid;
    grid-template-columns:2.2fr 1fr 1fr 1fr;
    gap:40px;
    padding:50px 0;
    border-top:1px solid rgba(255,255,255,.08);
}
.vf-col ul{list-style:none;margin:0;padding:0;}
.vf-col li{
    font-weight:300;
    letter-spacing:1px;
    font-size:14px;
    text-transform:uppercase;
    font-family:'Helvetica Neue', Arial, sans-serif;
    margin-bottom:4px;
}
.vf-col a{
    color:#c9c4bb;
    text-decoration:none;
    transition:color .3s;
}
.vf-col a:hover{color:#fff;}

/* ---- BOTTOM ---- */
.vf-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:26px;
    border-top:1px solid rgba(255,255,255,.08);
}
.vf-copy{
    font-size:13px;
    color:#ddd;
    margin:0;
}
.vf-social{display:flex;gap:10px;}
.vf-social a{
    text-decoration:none;
    border:1px solid #DDD;
    width:32px;height:32px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;
    background:transparent;
    color:#ddd;
    font-size:14px;
    transition:background .3s, color .3s;
}
.vf-social a:hover{background:#EDE6DA;color:#202020;border-color:#EDE6DA;}

/* ---- responsive: tablet ---- */
@media(max-width:1024px){
    .vayra-footer{padding:50px 30px 24px;}
    .vf-top{grid-template-columns:1fr;gap:30px;}
    .vf-top-right{text-align:left;}
    .vf-cols{grid-template-columns:1fr 1fr;gap:34px;}
}

/* ---- responsive: mobile ACCORDION ---- */
@media(max-width:768px){
    .vayra-footer{
        padding:40px 22px 24px;
        overflow-x:hidden;
    }

    /* big logo -> mobile pe screen me fit */
    .vf-biglogo{
        font-size:clamp(56px,20vw,90px);
        letter-spacing:2px;
        line-height:1;
        word-break:break-word;
    }
    .vf-tagline{ font-size:19px; }
    .vf-tagline span{ font-size:19px; }

    /* heading thoda chhota taaki cut na ho */
    .vf-heading{ font-size:clamp(26px,7vw,36px); }

    /* form full width */
    .vf-form-row{ max-width:90%; }

    /* accordion */
    .vf-cols{
        grid-template-columns:1fr;
        gap:0;
        padding:20px 0 10px;
    }
    .vf-col{ border-bottom:1px solid rgba(255,255,255,.08); }
    .vf-col-title{
        cursor:pointer;
        margin:0;
        padding:20px 0;
        font-size:15px;
        user-select:none;
    }
    .vf-acc-icon{ display:inline-block; }
    .vf-col-title.open .vf-acc-icon{ transform:rotate(180deg); }

    .vf-acc-body{
        max-height:0;
        overflow:hidden;
        transition:max-height .4s ease, padding .4s ease;
        padding:0;
    }
    .vf-acc-body.open{ padding:0 0 20px; }

    .vf-col li{ margin-bottom:12px; }

    .vf-bottom{
        flex-direction:column;
        gap:18px;
        align-items:flex-start;
    }
}


/* =========================================================
 *  VAYRA FOOTER — accordion arrow + CF7 newsletter form
 * ========================================================= */

/* ---- Accordion arrow: sirf mobile ---- */
.vf-col-title .vf-acc-icon{
    display: none;
}

@media (max-width: 768px){
    .vf-col-title .vf-acc-icon{
        display: inline-block;
        margin-left: auto;
        transition: transform .3s ease;
    }
    .vf-col-title{
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .vf-col-title.open .vf-acc-icon{
        transform: rotate(180deg);
    }
}

/* ---- CF7 newsletter form ---- */
.vf-form form{
    margin: 0;
}
.vf-form form > p{
    margin: 0;
}
.vf-form .wpcf7-form-control-wrap{
    display: block;
    flex: 1;
    margin: 0;
}
.vf-form .wpcf7-spinner{
    display: none;
}

/* input + button ek row me */
.vf-form .vf-form-row{
    display: flex;
    align-items: stretch;
    gap: 0;
}
.vf-form .vf-form-row input[type="email"]{
    width: 100%;
    margin: 0;
}
.vf-form .vf-form-row input[type="submit"]{
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
}

/* acceptance checkbox inline */
.vf-form .vf-check{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.vf-form .vf-check .wpcf7-list-item{
    margin: 0;
}
.vf-form .vf-check .wpcf7-acceptance{
    display: inline-flex;
}
/* .vf-form .vf-check .wpcf7-list-item-label{
    display: none;
} */

/* messages */
.vf-form .wpcf7-response-output{
    margin: 14px 0 0;
    padding: 10px 14px;
    border-width: 1px;
    border-radius: 2px;
    font-size: 13px;
    letter-spacing: .04em;
}
.vf-form .wpcf7-not-valid-tip{
    margin-top: 6px;
    font-size: 12px;
}

@media (max-width: 600px){
    .vf-form .vf-form-row{
        flex-direction: column;
    }
    .vf-form .vf-form-row input[type="submit"]{
        width: 100%;
    }
}/* =========================================================
 *  VAYRA FOOTER — accordion arrow + CF7 newsletter form
 * ========================================================= */

/* ---- Accordion arrow: sirf mobile ---- */
.vf-col-title .vf-acc-icon{
    display: none;
}

@media (max-width: 768px){
    .vf-col-title .vf-acc-icon{
        display: inline-block;
        margin-left: auto;
        transition: transform .3s ease;
    }
    .vf-col-title{
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .vf-col-title.open .vf-acc-icon{
        transform: rotate(180deg);
    }
}

/* ---- CF7 newsletter form ---- */
.vf-form form{
    margin: 0;
}
.vf-form form > p{
    margin: 0;
}
.vf-form .wpcf7-form-control-wrap{
    display: block;
    flex: 1;
    margin: 0;
}
.vf-form .wpcf7-spinner{
    display: none;
}

/* input + button ek row me */
.vf-form .vf-form-row{
    display: flex;
    align-items: stretch;
    gap: 0;
}
.vf-form .vf-form-row input[type="email"]{
    width: 100%;
    margin: 0;
}
.vf-form .vf-form-row input[type="submit"] {
    font-family: 'Helvetica Neue';
    background: #202020 !important;
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
}

.vf-check a {
    color: #BBBBBB!important;
    text-decoration: underline;
}

.vf-check a:hover {
    color: #BBBBBB!important;
    text-decoration: underline;
}

/* acceptance checkbox inline */
.vf-form .vf-check{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.vf-form .vf-check .wpcf7-list-item{
    margin: 0;
}
.vf-form .vf-check .wpcf7-acceptance{
    display: inline-flex;
}


/* messages */
.vf-form .wpcf7-response-output{
    margin: 14px 0 0;
    padding: 10px 14px;
    border-width: 1px;
    border-radius: 2px;
    font-size: 13px;
    letter-spacing: .04em;
}
.vf-form .wpcf7-not-valid-tip{
    margin-top: 6px;
    font-size: 12px;
}

@media (max-width: 600px){
    .vf-form .vf-form-row{
        flex-direction: column;
    }
    .vf-form .vf-form-row input[type="submit"]{
        width: 100%;
    }
}


:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: #32373c !important;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    padding: 18px;
    background-color: #000 !important;
    color: #fff;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover{
	    background-color: #000 !important;
    color: #fff;
	
}