/*=====<[Theme: Fireboy & Watergirl]>=====*/

/*=====<[10.0 + 12.0 Footer & Plugins Unified]>=====*/

/* Footer */
.ftcn {
    background-color: #1E2A3A; /* Dark navy background */
    color: #fff;
    padding: 25px 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.ftcn-menu .footer-links {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.ftcn-menu .footer-links li a {
    color: #FF6600; /* Fireboy orange */
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.ftcn-menu .footer-links li a:hover {
    color: #16C4BB; /* Watergirl blue */
}

/* Header & Top Menu */
.hdcn-1, .hdcn-2 {
    background-color: #2D3E58; /* Navy blue header */
    color: #fff;
}

.menu-top>li>a, .menu-top>li>span {
    color: #FF6600;
    font-weight: 600;
}

.menu-top>li:hover>a {
    background-color: #16C4BB;
    color: #fff;
}

.menu-top ul li a {
    color: #2D3E58;
}

.menu-top ul li a:hover {
    background-color: #FF6600;
    color: #fff;
}

/* Buttons */
.botn, a.botn-lgfa, a.botn-mrgm {
    background: linear-gradient(135deg, #FF6600, #16C4BB);
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 15px;
    transition: background 0.3s ease;
}

.botn:hover, a.botn-lgfa:hover, a.botn-mrgm:hover {
    background: linear-gradient(135deg, #16C4BB, #FF6600);
    color: #fff;
}

/* Avatars */
img.avatar, .avatar-cn {
    border-radius: 50%;
    border: 2px solid #16C4BB;
    padding: 5px;
    background-color: #F2F3F7;
}

/* Widgets & Lists */
.leabrd>li, .lstfavgms>li, .widget_mabp_user_login h4 {
    padding-left: 75px;
    position: relative;
}

.leabrd figure, .widget_bp_core_members_widget .item-avatar img.avatar {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 10px;
    top: 0;
}

.lstfavgms>li>a.remove-parent {
    position: absolute;
    right: 10px;
    top: 5px;
}

/* Modal & Dialogs */
.single .ui-dialog {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 1060;
}

.single .ui-dialog-titlebar {
    border-bottom: 2px solid #16C4BB;
    font-weight: 700;
    color: #FF6600;
}

.single .ui-icon-closethick:before {
    color: #EC5465;
}

/* Responsive adjustments */
@media screen and (max-width: 767px) {
    .lst-gams>li, .yarpp-related>div { width: 50%; }
    .menu-top ul { width: 100%; flex-direction: column; }
}

@media screen and (max-width: 436px) {
    .lst-gams>li, .yarpp-related>div { width: 100%; }
}

/* Fireboy & Watergirl banner gradients */
[class*="gmcn-sldr"] .gm-text {
    background: linear-gradient(to bottom, rgba(255,102,0,0) 0%, rgba(22,196,187,1) 100%);
    color: #fff;
    padding: 5px;
    text-shadow: 1px 1px 3px #000;
}

/* Icons & FontAwesome adjustments */
.acomment-reply:before { content:'\f0e5'; }
.delete-activity-single:before, .acomment-delete:before, .unfav:before { content:'\f014'; }
.fav:before { content:'\f08a'; }
.time-since:before, span.activity:before { content:'\f017'; }

/* WooCommerce */
.woocommerce .woocommerce-ordering { width:150px !important; }
.woocommerce .quantity {color: #000 !important;}

/* Video container responsive */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; overflow: hidden; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }