/* =========================================================
ARFA CLUB — DESIGN SYSTEM
Luxury Cinematic UI
========================================================= */


/* =========================================================
ROOT VARIABLES
========================================================= */

:root{

    --arfa-gold:#C9A96E;
    --arfa-gold-light:#E5C98B;
    --arfa-gold-dark:#A88445;

    --arfa-black:#0B0B0B;
    --arfa-black-soft:#151515;
    --arfa-black-card:#1A1A1A;

    --arfa-white:#FFFFFF;
	--arfa-bg-white:#e3dbcc;

    --arfa-text:#F5F5F5;
    --arfa-text-soft:#B0B0B0;
    --arfa-text-muted:#7A7A7A;
	
	    --arfa-accent:#C9A96E;

    --arfa-accent-hover:#E5C98B;

    --arfa-accent-soft:
    rgba(201,169,110,.10);

    --arfa-accent-border:
    rgba(201,169,110,.16);

    --arfa-border:
    rgba(201,169,110,.12);

    --arfa-glass:
    rgba(255,255,255,.04);

    --arfa-shadow:
    0 20px 60px rgba(0,0,0,.35);

}

body:not(.qiupidsaas-dark-mode){
	--arfa-text-soft:
	#161616;
	--arfa-text:
    #0B0B0B;
	}
	
	/* =========================================================
PRIMARY GOLD SYSTEM
========================================================= */

body.qiupidsaas-dark-mode{

    --arfa-accent:#C9A96E;

    --arfa-accent-hover:#E5C98B;

    --arfa-accent-soft:
    rgba(201,169,110,.10);

    --arfa-accent-border:
    rgba(201,169,110,.16);
}

	
/* =========================================================
GLOBAL
========================================================= */

body,
body button,
body input,
body select,
body textarea,
body a{

    font-family:
    "Albert Sans",
    sans-serif;
}

/* =========================================================
BODY
========================================================= */
body.qiupidsaas-dark-mode{

    background:
    var(--arfa-black);

    color:
    var(--arfa-text-soft);
}


/*
========================================
ARFA PREMIUM GLASS BORDERS
========================================
*/

body.qiupidsaas-dark-mode.woocommerce-account table,
body.qiupidsaas-dark-mode.woocommerce-account th,
body.qiupidsaas-dark-mode.woocommerce-account td,
body.qiupidsaas-dark-mode.woocommerce-account .qiupidsaas-site-testimonial,
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce-MyAccount-content,
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce .qiupid-upgrade-notice a,
body.qiupidsaas-dark-mode.woocommerce-account .qiupid-inner-quick-link.qiupidsaas-my-current-plan,
body.qiupidsaas-dark-mode.woocommerce-account .qiupid-builder-header .btn.qiupid-seo-modal,
body.qiupidsaas-dark-mode.woocommerce-account #qiupidsaas-builder-form .btn.btn-view-page,
body.qiupidsaas-dark-mode.woocommerce-account .mtsub-product-wrapper .mtsub-infos,
body.qiupidsaas-dark-mode.woocommerce-account .accordion-item,
body.qiupidsaas-dark-mode.woocommerce-account .qiupidsaas-swipe-dashboard-holder,
body.qiupidsaas-dark-mode.page-template-find-matches-template .matches-section-title,
body.qiupidsaas-dark-mode.page-template-find-matches-template .mt-search-tabs li,
body.qiupidsaas-dark-mode.woocommerce-account .woocommerce form input,
body.qiupidsaas-dark-mode.woocommerce-account .qiupid-settings-full-container fieldset,
body.qiupidsaas-dark-mode.page-template-find-matches-template .site-main,
body.qiupidsaas-dark-mode.page-template-find-matches-template .latest-members-wrapper,
body.qiupidsaas-dark-mode.woocommerce-account .latest-members-wrapper,
body.qiupidsaas-dark-mode.page-template-find-matches-template .filter-section .filter-text input {

    position: relative;

    border:
    1px solid rgba(212,175,55,0.14) !important;

    transition:
    border-color .35s ease,
    box-shadow .35s ease,
    background-color .35s ease,
    transform .35s ease;
}


/*
========================================
APP FEEL
========================================
*/

body.qiupidsaas-dark-mode.woocommerce-account .woocommerce-MyAccount-content {

    border-radius: 34px !important;

    padding: 14px !important;
}



.qiupidsaas-dark-mode .qiupid-inner-quick-link
 {
    background-color: #1e1e1e !important;
}
.qiupidsaas-dark-mode .qiupid-inner-quick-stats
 {
    background-color: #1e1e1e !important;
}
.qiupidsaas-dark-mode .latest-members-wrapper
 {
    background-color: #1e1e1e !important;
}

/* =========================================================
ARFA MOBILE STICKY FOOTER NAV
Luxury Floating Dock
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group,
.qiupidsaas-footer-mobile-sticky-nav-group *{

    box-sizing:border-box;
}


/* =========================================================
MAIN CONTAINER
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group{

    position:fixed;

    left:16px;

    right:16px;

    bottom:5px !important;

    width:auto;

    max-width:400px;

    margin:auto;

    display:flex !important;

    align-items:center;

    justify-content:space-between;

    padding:10px;

    border-radius:28px;

    z-index:999999;

    backdrop-filter:blur(4px);

    -webkit-backdrop-filter:blur(4px);

    transition:
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}


/* =========================================================
LIGHT MODE
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-footer-mobile-sticky-nav-group{

    background:
    rgba(255,255,255,.82);

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:
    0 18px 50px rgba(0,0,0,.12);
}


/* =========================================================
DARK MODE
========================================================= */

body.qiupidsaas-dark-mode
.qiupidsaas-footer-mobile-sticky-nav-group{

    background:
    linear-gradient(
        180deg,
        rgba(18,18,18,.92),
        rgba(8,8,8,.96)
    );

    border:
    1px solid rgba(201,169,110,.12);

    box-shadow:
    0 24px 60px rgba(0,0,0,.45),
    0 0 30px rgba(201,169,110,.06);
}


/* =========================================================
GRID ITEMS
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3{

    position:relative;

    flex:1;

    width:auto;

    max-width:100px;

    padding:0;

    border:none;
}


/* =========================================================
SEPARATORS
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group 
.col-md-3:not(:last-child)::after{

    content:"";

    position:absolute;

    top:50%;

    right:0;

    transform:translateY(-50%);

    width:1px;

    height:36px;

    background:
    rgba(201,169,110,.08);
}


/* =========================================================
LINK
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:72px;

    width:100%;

    border-radius:20px;

    text-decoration:none;

    font-size:11px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
}


/* =========================================================
LIGHT MODE LINKS
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a{

    color:#1A1A1A;
}


/* =========================================================
DARK MODE LINKS
========================================================= */

body.qiupidsaas-dark-mode
.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a{

    color:#B0B0B0;
}


/* =========================================================
ICONS
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a i{

    font-size:20px;

    transition:
    transform .35s ease,
    color .35s ease,
    text-shadow .35s ease;
}


/* =========================================================
HOVER
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a:hover{

    transform:translateY(-2px);
}


/* =========================================================
LIGHT HOVER
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a:hover{

    background:
    rgba(201,169,110,.10);

    color:var(--arfa-gold-dark);
}


/* =========================================================
DARK HOVER
========================================================= */

body.qiupidsaas-dark-mode
.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a:hover{

    background:
    rgba(201,169,110,.08);

    color:var(--arfa-gold);
}


/* =========================================================
ICON HOVER
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group .col-md-3 a:hover i{

    transform:translateY(-2px) scale(1.08);

    color:var(--arfa-gold);

    text-shadow:
    0 0 18px rgba(201,169,110,.35);
}


/* =========================================================
ACTIVE ITEM
Add class="active"
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group 
.col-md-3.active a{

    background:
    rgba(201,169,110,.10);

    color:var(--arfa-gold);
}

.qiupidsaas-footer-mobile-sticky-nav-group 
.col-md-3.active a i{

    color:var(--arfa-gold);

    text-shadow:
    0 0 20px rgba(201,169,110,.45);
}

/*
========================================
ARFA FLOATING PROFILE UPGRADE
========================================
*/

/* DARKER CARD */

.arfa-floating-profile{

    background:
    linear-gradient(
        180deg,
        rgba(8,8,8,.96),
        rgba(18,18,18,.92)
    ) !important;

    border:
    1px solid rgba(201,169,110,.12);

    box-shadow:
    0 30px 80px rgba(0,0,0,.65),
    0 0 40px rgba(201,169,110,.05);

    backdrop-filter:blur(26px);
}

/* AVATAR */

.arfa-floating-avatar-wrap{

    position:relative;

    width:180px;
    height:180px;

    margin:
    34px auto 10px;
}

/* IMAGE */

.arfa-floating-avatar-wrap img{

    position:relative;

    z-index:2;

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:50%;

    border:
    3px solid rgba(201,169,110,.18);

    box-shadow:
    0 20px 40px rgba(0,0,0,.45);
}

/* RING */

.arfa-floating-avatar-wrap .arfa-ring{

    inset:-10px;
}

/* CONTENT */

.arfa-floating-content{

    padding:
    10px 30px 34px;

    text-align:center;
}

/* NAME */

.arfa-floating-content h3{

    font-size:30px;

    margin-bottom:12px;

    color:#ffffff;
}

/* DESCRIPTION */

.arfa-floating-content p{

    color:#b1b1b1;

    line-height:1.7;

    margin-bottom:24px;
}

/* TAGS */

.arfa-floating-tags{

    justify-content:center;
}

/*
========================================
ARFA UNION HERO
========================================
*/

.arfa-union-hero{

    position:relative;

    min-height:100vh;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#050505;

    padding:120px 20px;
}

/* BG */


.arfa-union-bg{

    position:absolute;

    inset:0;

    background-image:
    url('https://www.arfa.club/wp-content/uploads/2026/04/banner-3.jpg');

    background-size:cover;

    /* IMPORTANTE */
    background-position:
    right center;

    transform:scale(1);

    transform-origin:center center;

    animation:
    arfaUnionZoom 18s ease-in-out infinite alternate;
}

/* SLOW CINEMATIC */

@keyframes arfaUnionZoom{

    from{
        transform:scale(1);
    }

    to{
        transform:scale(1.08);
    }
}

/* OVERLAY */

.arfa-union-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to bottom,
        rgba(0,0,0,.78),
        rgba(0,0,0,.55)
    );
}

/* GOLD GLOW */

.arfa-union-glow{

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(201,169,110,.14),
        transparent 70%
    );

    filter:blur(40px);

    right:-120px;
    top:-120px;
}

/* CONTAINER */

.arfa-union-container{

    position:relative;

    z-index:5;

    width:100%;

    max-width:1400px;

    display:flex;

    justify-content:flex-start;
}

/* CARD */

.arfa-union-card{

    max-width:720px;

    padding:70px;

    border-radius:40px;

    background:
    linear-gradient(
        180deg,
        rgba(10,10,10,.90),
        rgba(18,18,18,.84)
    );

    border:
    1px solid rgba(201,169,110,.10);

    backdrop-filter:blur(24px);

    box-shadow:
    0 30px 80px rgba(0,0,0,.55);
}

/* KICKER */

.arfa-union-kicker{

    display:inline-flex;

    padding:12px 18px;

    border-radius:999px;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(201,169,110,.12);

    color:#C9A96E;

    font-size:12px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:28px;
}

/* TITLE */

.arfa-union-card h2{

    font-size:72px;

    line-height:.95;

    color:#fff;

    margin:0 0 30px;

    font-weight:700;

    letter-spacing:-3px;
}

/* DESCRIPTION */

.arfa-union-description{

    color:#a5a5a5;

    font-size:21px;

    line-height:1.9;

    margin-bottom:46px;

    max-width:580px;
}

/* LISTS */

.arfa-union-list{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:38px;
}

.arfa-union-item{

    display:flex;

    align-items:center;

    gap:16px;

    color:#fff;

    font-size:18px;

    line-height:1.5;
}

/* GOLD DOT */

.arfa-union-dot{

    width:10px;
    height:10px;

    min-width:10px;

    border-radius:50%;

    background:#C9A96E;

    box-shadow:
    0 0 16px rgba(201,169,110,.45);
}

/* X */

.arfa-union-x{

    color:#7c7c7c;

    font-size:24px;

    line-height:1;
}

/* MUTED */

.arfa-union-muted .arfa-union-item{

    color:#9a9a9a;
}

/* FOOTER */

.arfa-union-footer{

    margin-top:55px;

    font-size:28px;

    line-height:1.4;

    color:#fff;

    font-weight:500;
}



/* =========================================================
BORDERS
========================================================= */

body.qiupidsaas-dark-mode 
.search-field-wrap .checkbox-wrapper .checkbox-input:checked + .checkbox-tile,

body.qiupidsaas-dark-mode 
.qiupid-social-links .mt-like-wrap .qiupid-chat,

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-stats,

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-link,

body.qiupidsaas-dark-mode 
.qiupidsaas-primary-bordered-btn{

    border-color:
    var(--arfa-accent-border) !important;
}


/* =========================================================
TEXT GOLD
========================================================= */

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-link.qiupidsaas-my-current-plan ul li > i,

body.qiupidsaas-dark-mode 
.abs-form .mt-reset-filters:hover,

body.qiupidsaas-dark-mode 
.mt-search-tabs li.selected,

body.qiupidsaas-dark-mode 
.filter-section .float-right span:hover,

body.qiupidsaas-dark-mode 
.filter-section .filter-text span,

body.qiupidsaas-dark-mode 
.mt-like-wrap i.fas.fa-heart,

body.qiupidsaas-dark-mode 
.mt-like-wrap i.far.fa-heart,

body.qiupidsaas-dark-mode 
.qiupid-nav-tabs.nav-tabs .nav-item > button,

body.qiupidsaas-dark-mode 
.woocommerce-MyAccount-navigation-link.is-active > a{

    color:
    var(--arfa-accent) !important;
}


/* =========================================================
GOLD BACKGROUNDS
========================================================= */

body.qiupidsaas-dark-mode 
.qiupidsaas-custom-marker.online,

body.qiupidsaas-dark-mode 
.qiupidsaas-match-result-box > h6,

body.qiupidsaas-dark-mode 
.qiupidsaas-match-result-box > div,

body.qiupidsaas-dark-mode 
.qiupidsaas-chat-action-box-submit,

body.qiupidsaas-dark-mode 
#qiupidsaas_unread_messages_notice,

body.qiupidsaas-dark-mode 
.qiupidsaas-primary-btn,

body.qiupidsaas-dark-mode 
.qiupidsaas-upgrade-plan-btn,

body.qiupidsaas-dark-mode 
.qiupidsas-plan-image span.qiupidsaas-toptier-badge{

    background:
    var(--arfa-accent) !important;

    color:var(--arfa-black) !important;
}


/* =========================================================
HEADERS / PANELS
========================================================= */

body.qiupidsaas-dark-mode 
.qiupidsaas-chat-sidebar > .qiupidsaas-sidebar-title{

    background:
    linear-gradient(
        180deg,
        rgba(28,28,28,.98),
        rgba(16,16,16,1)
    ) !important;

    border-bottom:
    1px solid var(--arfa-accent-border);
}


/* =========================================================
SEARCH TABS
========================================================= */

body.qiupidsaas-dark-mode 
.mt-search-tabs li{

    background:
    rgba(255,255,255,.03) !important;

    border:
    1px solid var(--arfa-accent-border);

    box-shadow:
    0 12px 30px rgba(0,0,0,.24) !important;

    transition:.35s ease;
}

body.qiupidsaas-dark-mode 
.mt-search-tabs li.selected{

    background:
    var(--arfa-accent-soft) !important;

    border-color:
    var(--arfa-accent) !important;

    color:
    var(--arfa-accent) !important;
}



/* =========================================================
SOFT PANELS
========================================================= */

body.qiupidsaas-dark-mode 
.qiupid-profile-content .qiupidsaas-match-result-wrapper,

body.qiupidsaas-dark-mode 
.latest-members-wrapper,

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-stats,

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-link{

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.96),
        rgba(14,14,14,.98)
    ) !important;

    border:
    1px solid var(--arfa-accent-border) !important;

    border-radius:28px;

    box-shadow:
    0 24px 60px rgba(0,0,0,.35);
}


/* =========================================================
RESET PINK BACKGROUNDS
========================================================= */

body.qiupidsaas-dark-mode 
.search-field-wrap .checkbox-wrapper .checkbox-tile,

body.qiupidsaas-dark-mode 
.abs-form .mt-reset-filters,

body.qiupidsaas-dark-mode 
.filter-section .float-right span:hover,

body.qiupidsaas-dark-mode 
span.media-uploader-clearer{

background: var(--arfa-black-soft);
    border: 1px solid var(--arfa-accent-border);
    color: var(--arfa-text-soft);
}




/* =========================================================
HOVER STATES
========================================================= */

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-link:hover,

body.qiupidsaas-dark-mode 
.qiupid-inner-quick-stats:hover{

    border-color:
    rgba(201,169,110,.28) !important;

    transform:
    translateY(-2px);

    transition:.35s ease;
}
/* =========================================================
ARFA FOOTER SYSTEM
Modern Luxury Private Network
========================================================= */



/* =========================================================
MAIN FOOTER
========================================================= */

.site-footer{

    position:relative;

    z-index:10;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(14,14,14,.98),
        rgba(8,8,8,1)
    ) !important;

    border-top:
    1px solid rgba(201,169,110,.08) !important;

    color:#F5F5F5;
}


/* ========================================
SUBTLE GOLD GLOW
======================================== */

.site-footer::before{

    content:"";

    position:absolute;

    top:-220px;

    left:50%;

    transform:translateX(-50%);

    width:720px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(201,169,110,.08),
        transparent 72%
    );

    pointer-events:none;

    z-index:0;
}


/* =========================================================
INNER LAYERS
========================================================= */

.site-footer .item--inner,
.site-footer .footer--row-inner{

    position:relative;

    z-index:2;
}


/* =========================================================
FOOTER MAIN
========================================================= */

.footer--row-inner.footer-main-inner{

    padding-top:
    clamp(70px,8vw,120px);

    padding-bottom:
    clamp(50px,6vw,90px);
}


/* =========================================================
ROWS
========================================================= */

.footer--row-inner.footer-main-inner .row{

    justify-content:space-between;

    row-gap:50px;
}


/* =========================================================
TITLES
========================================================= */

.footer--row-inner .widget-title{

    margin-bottom:26px;

    color:#F5F5F5 !important;

    font-family:"Albert Sans",sans-serif;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
}


/* =========================================================
TEXT
========================================================= */

.site-footer p,
.site-footer li,
.site-footer a,
.site-footer span{

    color:#A0A0A0;

    font-size:15px;

    line-height:1.8;

    transition:
    color .35s ease,
    opacity .35s ease;
}


/* =========================================================
LINKS
========================================================= */

.site-footer a{

    position:relative;

    text-decoration:none;
}

.site-footer a:hover{

    color:#C9A96E;
}


/* ========================================
HOVER UNDERLINE
======================================== */

.site-footer a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-3px;

    width:0;

    height:1px;

    background:#C9A96E;

    transition:width .35s ease;
}

.site-footer a:hover::after{

    width:100%;
}


/* =========================================================
HORIZONTAL NAV
========================================================= */

.site-footer .horizontal-nav{

    display:flex;

    flex-wrap:wrap;

    gap:14px 22px;
}

.site-footer .horizontal-nav span a{

    color:#7A7A7A !important;

    margin-right:0;

    font-size:14px;

    letter-spacing:.02em;
}

.site-footer .horizontal-nav span a:hover{

    color:#C9A96E !important;
}


/* =========================================================
BOTTOM FOOTER
========================================================= */

.footer-bottom{

    position:relative;

    border-top:
    1px solid rgba(255,255,255,.04);
}

.footer-bottom .footer--row-inner .container{

    border-top:none !important;

    padding:
    28px 10px;
}


/* =========================================================
COPYRIGHT
========================================================= */

.footer-bottom .builder-item--footer_copyright{

    color:#666;
}


/* =========================================================
PRODUCT WIDGETS
========================================================= */

.footer--row-inner .product_list_widget li{

    border-color:
    rgba(255,255,255,.06);
}


/* =========================================================
GROUPS
========================================================= */

.footer--row .builder-item--group{

    justify-content:flex-start;

    gap:40px;
}

.footer--row .builder-item--group .item--inner{

    width:auto;
}


/* =========================================================
LISTS
========================================================= */

.site-footer ul,
.site-footer li{

    list-style:none;

    margin:0;

    padding:0;

    width:100%;
}


/* =========================================================
SOCIAL ICONS
========================================================= */

.site-footer .social-icons a{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:
    1px solid rgba(201,169,110,.10);

    background:
    rgba(255,255,255,.03);

    backdrop-filter:blur(10px);

    transition:.35s ease;
}

.site-footer .social-icons a:hover{

    background:#C9A96E;

    border-color:#C9A96E;

    color:var(--arfa-black) !important;

    transform:
    translateY(-2px);
}





/* =========================================================
TYPOGRAPHY
========================================================= */

body.qiupidsaas-dark-mode h1,
body.qiupidsaas-dark-mode h1 span{

    font-family:"Albert Sans",sans-serif;

    font-size:72px;

    line-height:.92;

    letter-spacing:-3px;

    color:var(--arfa-white);
}

body.qiupidsaas-dark-mode h2{

    font-family:"Albert Sans",sans-serif;

    font-size:58px;

    line-height:1;

    letter-spacing:-2px;

    color:var(--arfa-white);
}

body.qiupidsaas-dark-mode h3{

    font-family:"Albert Sans",sans-serif;

    line-height:1.1;

    letter-spacing:-1px;

    color:var(--arfa-white);
}

body.qiupidsaas-dark-mode h4,
body.qiupidsaas-dark-mode h5,
body.qiupidsaas-dark-mode h6{

    color:var(--arfa-white);
}

/* =========================================================
BODY
========================================================= */

body{

    background:#f0f1e2;

    color:var(--arfa-black-soft);

    font-family:"Archivo",sans-serif;


}


/* =========================================================
TYPOGRAPHY
========================================================= */

h1,
h1 span{

    font-family:"Albert Sans",sans-serif;

    font-size:72px;

    line-height:.92;

    letter-spacing:-3px;

    color:var(--arfa-gold-dark);
}

h2{

    font-family:"Albert Sans",sans-serif;

    font-size:58px;

    line-height:1;

    letter-spacing:-2px;

    color:var(--arfa-gold-dark);
}

h3{

    font-family:"Albert Sans",sans-serif;

    font-size:22px;

    line-height:1.1;

    letter-spacing:-1px;

    color:var(--arfa-gold-dark);
}

h4,
h5,
h6{

    color:var(--arfa-gold-dark);
}


/* =========================================================
PRIMARY MENU
========================================================= */

.builder-item--primary-menu .nav-menu-desktop .menu>li>a{

    color:var(--arfa-text);

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:.35s ease;
}

.builder-item--primary-menu .nav-menu-desktop .menu>li>a:hover{

    color:var(--arfa-gold);
}


/* =========================================================
SUBMENU
========================================================= */

.nav-menu-desktop .sub-menu{

    background:
    rgba(15,15,15,.96);

    border:
    1px solid rgba(201,169,110,.12);

    border-radius:26px;

    overflow:hidden;

    backdrop-filter:blur(18px);

    box-shadow:
    0 20px 50px rgba(0,0,0,.45);
}

.nav-menu-desktop .sub-menu li{

    border-bottom:
    1px solid rgba(201,169,110,.10);
}

.nav-menu-desktop .sub-menu li:last-child{

    border-bottom:none;
}

.nav-menu-desktop .sub-menu li a{

    color:#d6d6d6;

    background:transparent;

    padding:16px 22px;

    transition:.3s ease;
}

.nav-menu-desktop .sub-menu li a:hover{

    background:
    rgba(201,169,110,.08);

    color:var(--arfa-gold-light);
}



/* =========================================================
SIDEBAR WIDGETS
========================================================= */

.sidebar-content .widget{

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(201,169,110,.12);

    border-radius:28px;

    padding:34px;

    backdrop-filter:blur(20px);

    box-shadow:
    0 12px 40px rgba(0,0,0,.35);
}

.sidebar-content .widget-title,
.sidebar-content .widget h2{

    color:var(--arfa-white);

    font-size:26px;

    letter-spacing:-.5px;
}


/* =========================================================
HEADER
========================================================= */

.header--row:not(.header--transparent).header-main 
.header--row-inner{

    background:transparent;

    border:none;
}

.header--row:not(.header--transparent).header-top 
.header--row-inner{

    background:#151515;

    border-radius:
    0 0 0 42px;

    box-shadow:
    0 12px 30px rgba(0,0,0,.35);
}


/* =========================================================
LOGO
========================================================= */

.logo-image img{

    max-width:115px;
}


/* =========================================================
BACK TO TOP
========================================================= */

.qiupid-back-to-top{

    background:var(--arfa-gold);

    color:var(--arfa-black);

    border-radius:14px;

    box-shadow:
    0 10px 30px rgba(201,169,110,.22);
}

.qiupid-back-to-top:hover{

    background:var(--arfa-gold-light);
}


/* =========================================================
SOCIAL ICONS
========================================================= */

.widget_mt_address_social_icons a{

    background:
    rgba(255,255,255,.03);

    border:
    1px solid rgba(201,169,110,.10);

    color:var(--arfa-white);

    border-radius:18px;

    box-shadow:
    0 8px 24px rgba(0,0,0,.28);

    transition:.35s ease;
}

.widget_mt_address_social_icons a:hover{

    background:var(--arfa-gold);

    color:var(--arfa-black);

    transform:translateY(-3px);
}

/* =========================================================
ARFA OVERRIDES — QIUPID PINK SYSTEM
Replace #ED147D with ARFA GOLD SYSTEM
========================================================= */


/* =========================================================
ACTIVE CHAT SESSION
========================================================= */

body .qiupidsaas-chat-sidebar 
> .qiupidsaas-sessions-list 
> .active-session{

    box-shadow:
    inset 5px 0 0 var(--arfa-gold);

    background:
    rgba(201,169,110,.06);
}

/* =========================================================
CHAT HEADER
========================================================= */

body .qiupidsaas-chat-sidebar 
> .qiupidsaas-sidebar-title{

    background:
    linear-gradient(
        180deg,
        rgba(201,169,110,.92),
        rgba(168,132,69,.96)
    );

    color:var(--arfa-black);
}

body .qiupidsaas-dark-mode .page-template-template-fullscreen-account .woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: var(--arfa-black-card);
    background: var(--arfa-black-card);
}
body .qiupidsaas-dark-mode .woocommerce-MyAccount-navigation {
    background-color: #1b1b1b;
	  background-color: var(--arfa-black-card);
    background: var(--arfa-black-card);
}

body.qiupidsaas-dark-mode nav.woocommerce-MyAccount-navigation.qiupid-is-nav-open {
	
    background-color: var(--arfa-black-card)!important;
    background: var(--arfa-black-card)!important;
}

body.qiupidsaas-chat-wrapper {
    height: auto !important;

    margin: -50px !important;
}
/* =========================================================
ACTIVE CHAT SESSION
========================================================= */

/* =========================================================
ARFA CHAT SYSTEM
Minimal Luxury Communication Experience
Focused on:
- clean spacing
- readable contrast
- emotional calm
- low noise UI
- dark/light mode
========================================================= */


/* =========================================================
REMOVE DEFAULT PADDING
========================================================= */


body.woocommerce-account .woocommerce-MyAccount-content:has(.qiupidsaas-chat-wrapper) {

    padding:0 !important;
	    height: auto !important;
    background:transparent !important;

}

/* =========================================================
TEXTAREA
========================================================= */

body .qiupidsaas-chat-action-box-input{

    min-height:68px;

    max-height:180px;

    padding:18px 22px !important;

    border-radius:0px !important;

    resize:none;

    font-size:15px !important;

    line-height:1.7 !important;

    box-shadow:none !important;

    border:none !important;

    margin:0 !important;
}
body.qiupidsaas-dark-mode 
.qiupidsaas-chat-action-box-input{

    background:
    rgba(255,255,255,.04) !important;

    color:
    var(--arfa-white) !important;
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-chat-action-box-input{

    background:
    rgba(0,0,0,.03) !important;

    color:var(--arfa-black) !important;
}

/* =========================================================
SEND BUTTON
========================================================= */

body.woocommerce-account .qiupidsaas-chat-action-box-submit{

    width:64px !important;

    height:auto !important;

    min-width:64px;

    box-shadow:none !important;

    padding:0 !important;

    border-radius: 0px !important;

    box-shadow:none !important;

    transition:
    transform .25s ease,
    background .25s ease;
}

.woocommerce-MyAccount-content .qiupidsaas-chat-wrapper .qiupidsaas-chat-action-box-submit{
    border-radius:0px 0px 10px !important;
}



/* =========================================================
MAIN WRAPPER
========================================================= */

body .qiupidsaas-chat-wrapper{

    display:flex;

    overflow:hidden;

    min-height:78vh;

    border-radius:34px 15px

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:none !important;
}


/* =========================================================
PERSONAL CHAT BUBBLE
========================================================= */

body.qiupidsaas-dark-mode 
.qiupid-personal > .qiupid-message-content{


	    background:
    rgba(201,169,110,.12) !important;
	
	background-color:
    rgba(201,169,110,.12) !important;

    color:
    var(--arfa-white) !important;
	    letter-spacing: 0.5px;

    border:
    1px solid var(--arfa-accent-border);

    color:var(--arfa-white) !important;
}
/* =========================================================
PERSONAL MESSAGE
========================================================= */

body.qiupidsaas-dark-mode 
.qiupid-personal 
.qiupid-message-content{

    background:
    rgba(201,169,110,.12) !important;
	background-color:
    rgba(201,169,110,.12) !important;

    color:
    var(--arfa-white) !important;
	    letter-spacing: 0.5px;
}


body:not(.qiupidsaas-dark-mode)
.qiupid-personal 
.qiupid-message-content{

    background:
    rgba(201,169,110,.10) !important;

    color:var(--arfa-black) !important;
	    letter-spacing: 0.5px;
}

/* =========================================================
RECEIVED MESSAGE
========================================================= */

body.qiupidsaas-dark-mode 
.woocommerce-MyAccount-content .qiupid-message-wrapper 
.qiupid-message-content{

    background:
    rgba(168,132,69,.5);
	background-color:
    rgba(168,132,69,.5);
	border:
    1px solid var(--arfa-accent-border);

    color:
    var(--arfa-white) !important;
	    letter-spacing: 0.5px;
}


body:not(.qiupidsaas-dark-mode)
.qiupid-message-wrapper 
.qiupid-message-content{

    background:
    rgba(0,0,0,.03) !important;

    color: var(--arfa-black) !important;
	    letter-spacing: 0.5px;
}

/* =========================================================
SESSION NAME
========================================================= */

body .qiupidsaas-single-session h2{

    margin:0 !important;

    font-size:15px !important;

    font-weight:600 !important;

    line-height:1.4 !important;
	letter-spacing: 0px;
}
body.qiupidsaas-dark-mode 
.qiupidsaas-single-session h2{

    color:
    rgba(255,255,255,.92);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-single-session h2{

    color:#222;
}


/* =========================================================
SIDEBAR HEADER
========================================================= */

body .qiupidsaas-sidebar-title{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:28px 24px !important;

    border-bottom:
    1px solid rgba(201,169,110,.08);

    background:transparent !important;
}


body .qiupidsaas-sidebar-title h2{

    margin:0 !important;

    font-size:22px !important;

    font-weight:700 !important;

    letter-spacing: 0px;
}


body.qiupidsaas-dark-mode 
.qiupidsaas-sidebar-title h2{

    color:
    var(--arfa-white);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-sidebar-title h2{

    color:var(--arfa-black);
}
/* =========================================================
TIMESTAMP
========================================================= */

body .qiupid-message-timestamp{

    margin-top:8px;

    font-size:11px;

    opacity:.55;
}

/* =========================================================
SIDEBAR
========================================================= */

body .qiupidsaas-chat-sidebar{

    width:320px;

    min-width:320px;

    max-width:320px;

    border-right:
    1px solid rgba(201,169,110,.08);

    display:flex;

    flex-direction:column;
}


/* =========================================================
SIDEBAR HEADER
========================================================= */

body .qiupidsaas-sidebar-title{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:28px 24px !important;

    border-bottom:
    1px solid rgba(201,169,110,.08);

    background:transparent !important;
}


body .qiupidsaas-sidebar-title h2{

    margin:0 !important;

    font-size:22px !important;

    font-weight:700 !important;

    letter-spacing:-.4px;
}


body.qiupidsaas-dark-mode 
.qiupidsaas-sidebar-title h2{

    color:
    var(--arfa-white);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-sidebar-title h2{

    color:var(--arfa-black);
}


/* =========================================================
BACK LINK
========================================================= */

body .qiupidsaas-sidebar-title a{

    display:flex;

    align-items:center;

    gap:8px;

    padding:10px 16px;

    border-radius:999px;

    text-decoration:none !important;

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

    transition:
    background .25s ease,
    border-color .25s ease;
}


body.qiupidsaas-dark-mode 
.qiupidsaas-sidebar-title a{

    border:
    1px solid rgba(201,169,110,.14);

    color:
    var(--arfa-gold);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-sidebar-title a{

    border:
    1px solid rgba(0,0,0,.08);

    color:#222;
}


body .qiupidsaas-sidebar-title a:hover{

    background:
    rgba(201,169,110,.08);
}


/* =========================================================
SESSIONS LIST
========================================================= */

body .qiupidsaas-sessions-list{

    overflow-y:auto;

    padding:0px;
}


/* =========================================================
SINGLE SESSION
========================================================= */

body .qiupidsaas-single-session{

    display:flex;

    align-items:center;

    gap:16px;

    padding:10px 16px;

    transition:
    background .25s ease,
    transform .25s ease;
}


/* =========================================================
SESSION HOVER
========================================================= */

body .qiupidsaas-sessions-list 
.qiupidsaas-single-session:hover{

    background:
    rgba(201,169,110,.05);

    transform:
    translateX(2px);
}


/* =========================================================
ACTIVE SESSION
========================================================= */

body .qiupidsaas-sessions-list 
.active-session{

    box-shadow:none !important;

    background:
    rgba(201,169,110,.08);
}


/* =========================================================
ACTIVE GOLD LINE
========================================================= */

body .qiupidsaas-sessions-list 
.active-session::before{

    content:"";

    position:absolute;

    left:0;

    top:20%;

    width:5px;

    height:60%;

    border-radius:999px;

    background:
    var(--arfa-gold);
}


/* =========================================================
AVATAR
========================================================= */

body .qiupidsaas-single-session img{

    width:40px;

    height:40px;

    border-radius:50%;

    object-fit:cover;

    flex:none;
}


/* =========================================================
SESSION NAME
========================================================= */

body .qiupidsaas-single-session h2{

    margin:0 !important;

    font-size:15px !important;

    font-weight:600 !important;

    line-height:1.4 !important;
}


body.qiupidsaas-dark-mode 
.qiupidsaas-single-session h2{

    color:
    rgba(255,255,255,.92);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-single-session h2{

    color:#222;
}


/* =========================================================
PROFILE LINK
========================================================= */

body .qiupidsaas-profile-link{

    margin-left:auto;

    opacity:.4;

    transition:
    opacity .25s ease,
    transform .25s ease;
}


body .qiupidsaas-profile-link:hover{

    opacity:1;

    transform:
    scale(1.06);
}


body.qiupidsaas-dark-mode 
.qiupidsaas-profile-link{

    color:
    var(--arfa-gold);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-profile-link{

    color:#666;
}