/*
Theme Name: Generic Child Theme
Template: seeko
*/


/* Header */

/* Header Login Button Styles - Reduced vertical padding for thinner height, avoiding full container fill */
.header-login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0.2rem 1.25rem; /* Reduced top/bottom padding from 0.5rem to 0.2rem for thinner height */
    border-radius: 2rem;
    background-color: #CC9900;
    color: white !important;
    border: none;
    outline: none;
    box-shadow: 0 4px 8px rgba(2, 22, 106, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.header-login-btn.logged-in {
    text-transform: none; /* Natural case for "Hi, Name" */
}

.header-login-btn .login-icon {
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    height: 1em;
    vertical-align: middle;
}

.header-login-btn .login-icon svg {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.header-login-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(2, 22, 106, 0.4);
    background-color: #FFD700 !important;
    color: #031B83 !important;
    text-decoration: none !important;
}



/* Pricing Page */


/*Pricing cards*/
.pricing-card {
    background-image: linear-gradient(45deg, #031B83 0%, #00CCFF 100%) !important;
}
.pricing-card * {
    color: #CC9900 !important;
}
.pricing-basic {
    background-image: linear-gradient(45deg, #CC9900 0%, #FFD700 100%) !important;
}
.pricing-basic * {
    color: #031B83 !important;
}
.pricing-intermediate {
    background-image: linear-gradient(45deg, #031B83 0%, #00CCFF 100%) !important;
}
.pricing-intermediate * {
    color: #CC9900 !important;
}
.pricing-pro {
    background-image: linear-gradient(45deg, #CC9900 0%, #FFD700 100%) !important;
}
.pricing-pro * {
    color: #031B83 !important;
}



/*Section Specifics*/
.pricing-popular.pricing-card {
    margin-top: 0;
}
.pricing-basic h4.pricing-price {
    padding: .5rem 0 calc((0.5rem * 2 + 1rem * 1.6 + 2px) / 2) 0;
    margin-bottom: 0;
}

/* Pricing Button Hover Pop and Cutoff Fix - Minimal version re-added for cutoff fix */
.pricing-card .btn-pricing {
    transition: transform 0.3s ease-in-out !important;
    overflow: visible !important;
}
.pricing-card .btn-pricing:hover {
    transform: scale(1.05) !important; /* Simple scale without translateY */
    border: none !important;
    outline: none !important; /* Extra safety against artifacts */
}
.pricing-card {
    padding-bottom: 1.5rem !important; /* Increased buffer for scale */
    overflow: visible !important;
}

/* Pricing Basic Overlap Fix */
.pricing-basic h4.pricing-price {
    padding: 1rem 0 calc((0.5rem * 2 + 1rem * 1.6 + 2px) / 2) !important;
    margin-bottom: 1rem !important;
}


/* Disable Price Hover Movement */
.pricing-card h4.pricing-price {
    transition: none !important;
}



/* Button Opposing Colors Per Card - Keep active but minimal; no shadows/transforms */
.pricing-card .btn-pricing a.btn,
.pricing-intermediate .btn-pricing a.btn {
    background: linear-gradient(-135deg, #FFD700 5%, #CC9900 50%) !important;
    border-radius: 0.43rem !important;
    opacity: 1 !important;
    color: #031B83 !important;
    display: block !important;
    width: 100% !important;
    border: none !important; /* Explicit no border to clean artifacts */
}
.pricing-card .btn-pricing a.btn:hover,
.pricing-intermediate .btn-pricing a.btn:hover {
    background: linear-gradient(225deg, #FFD700 50%, #CC9900 100%) !important;
    color: black !important; /* Keep hover text fix */
}
.pricing-basic .btn-pricing a.btn,
.pricing-pro .btn-pricing a.btn {
    background: linear-gradient(-135deg, #00CCFF 5%, #031B83 50%) !important;
    border-radius: 0.43rem !important;
    opacity: 1 !important;
    color: #CC9900 !important;
    display: block !important;
    width: 100% !important;
    border: none !important; /* Explicit no border */
}
.pricing-basic .btn-pricing a.btn:hover,
.pricing-pro .btn-pricing a.btn:hover {
    background: linear-gradient(225deg, #00CCFF 50%, #031B83 100%) !important;
    color: black !important; /* Keep hover text fix */
}







/* Profile Page */

/* Remove breadcrumbs from profile page */
.svq-breadcrumb { display: none; }


/* Generic Media Upload and Gallery Styles */
.rtmedia-uploader-div {
    background-color: #FAFAFA;
    border: 2px solid #031B83;
    border-radius: 0.43rem;
    padding: 1rem;
}

.rtmedia-uploader-div .rtm-file-input,
.rtmedia-uploader-div button {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    border-radius: 0.43rem !important;
    padding: 0.25rem 1rem !important;
    box-shadow: 0 12px 20px -16px rgba(2, 22, 106, 0.6) !important;
    background-color: #031B83 !important;
    color: #FAFAFA !important;
    transition: transform 0.4s ease-in-out !important;
}

.rtmedia-uploader-div button:hover,
.rtmedia-uploader-div button.photo-limit-disabled:hover {
    transform: scale(1.1) !important;
    background-color: #002060 !important;
}

.rtmedia-uploader-div button.photo-limit-disabled {
    background-color: #031B83 !important; /* Preserve base color when disabled */
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.rtmedia-container .rtmedia-list {
    border: 2px solid #CC9900;
    border-radius: 0.43rem;
    padding: 1rem;
    background-color: #FAFAFA;
    box-shadow: 0 2px 5px rgba(2, 22, 106, 0.2);
}

.rtmedia-container .rtmedia-list-item {
    border-radius: 0.43rem;
    overflow: hidden;
    margin: 0.5rem;
}

.rtmedia-item-thumbnail img {
    border-radius: 0.43rem;
    box-shadow: 0 1px 3px rgba(2, 22, 106, 0.3);
    transition: transform 0.3s ease;
}

.rtmedia-item-thumbnail img:hover {
    transform: scale(1.05);
}

.rtmedia-item-title h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 1.25rem;
    color: #031B83;
    text-transform: uppercase;
    margin-top: 0.5rem;
}

#buddypress .item-list-tabs li a,
#buddypress .item-list-tabs li span {
    color: #031B83 !important;
}

#rtm-media-options a,
#rtm-media-options button {
    background-color: #031B83 !important;
    color: #FAFAFA !important;
    border-radius: 0.43rem !important;
    padding: 0.25rem 1rem !important;
}

#rtm-media-options a:hover,
#rtm-media-options button:hover {
    background-color: #002060 !important;
}

@media (max-width: 768px) {
    .rtmedia-container .rtmedia-list {
        padding: 0.75rem;
    }
    .rtmedia-uploader-div .rtm-file-input,
    .rtmedia-uploader-div button {
        padding: 0.2rem 0.8rem;
        font-size: 0.9rem;
    }
}



/* Uniform main nav position across tabs */
#item-body #item-nav {
    position: relative; /* Base relative */
}

.activity #item-body #item-nav {
    margin-top: 50px !important; /* Higher for activity/media */
}

.profile #item-body #item-nav,
.notifications #item-body #item-nav,
.messages #item-body #item-nav,
.friends #item-body #item-nav,
.groups #item-body #item-nav,
.settings #item-body #item-nav {
    margin-top: 15px !important; /* Lower for other tabs; adjust to match */
}

/* Remove white background on all tabs */
#item-body,
#item-body .col-inner {
    background-color: transparent !important; /* Clear background */
}    
    
/* Move main nav down on media tab */
.media #item-body #item-nav {
    margin-top: 50px !important; /* Push down; variant: 40px */
    position: relative;
}

/* Move subnav (rtmedia menu/uploader) down on media tab */
.media #subnav.item-list-tabs,
.media .rtm-media-type-list {
    margin-top: 30px !important; /* Push down; variant: 20px */
    padding-top: 10px; /* Extra space if needed */
}

/* Fix activity subnav offset for items with counts */
.activity #subnav.item-list-tabs ul li a {
    display: flex;
    align-items: center;
}




/* Blog Page */

/* Generic blog index styles */
.blog .entry-title {
    display: none !important;
}
.page-id-[blog-page-id] .site-main .entry-content > *:first-child {
    margin-top: 0; /* Clean top spacing */
}
.blog .svq-blog-intro {
        display: none !important;
}
.author-wrapper {
    display: none !important;
}
.entry-footer {
    display: none !important;
}
.nav2-post {
    display: none !important;
}
.btn-tag {
    background-color: #CC9900;
    color: white !important;
}
.btn-tag:hover {
    background-color: #FFD700 !important;
    color: #031B83 !important;
}
.meta-category {
    margin-bottom: 2.5rem !important;
}
.entry-middle {
    text-align: center;
}
.meta-category {
    text-align: center;
}



/* Blog Cards to Match Pricing */

/* Base card styles */
.post-card {
    background-image: linear-gradient(45deg, #031B83 0%, #00CCFF 100%) !important; /* Default from pricing-card */
    border-radius: 0.43rem !important;
    box-shadow: 0 12px 20px -16px rgba(2,22,106,0.6) !important;
    padding: 1rem !important;
    transition: transform 0.3s ease-in-out !important;
    overflow: hidden !important; /* Prevent cutoff on hover */
}

/* Hover pop like pricing buttons */
.post-card:hover {
    transform: scale(1.1) !important;
}

/* Text colors like pricing */
.post-card * {
    color: #CC9900 !important; /* Default from pricing-card */
    font-family: "Nunito Sans", Sans-serif !important; /* Paragraphs */
}
.post-card h2, .post-card h3, .post-card h4 { /* Headings */
    font-family: "Montserrat", Sans-serif !important;
    font-weight: 600 !important;
}

/* Image like pricing (top-rounded, shadow) */
.aimg-card-hover img {
    border-radius: 0.43rem 0.43rem 0 0 !important;
    box-shadow: 0 4px 8px rgba(2,22,106,0.3) !important;
    width: 100% !important;
    height: auto !important;
}

/* Alternate gradients/colors for variety (cycle like pricing tiers) */
.post-card:nth-child(4n+1) {
    background-image: linear-gradient(45deg, #CC9900 0%, #FFD700 100%) !important; /* Basic style */
}
.post-card:nth-child(4n+1) * {
    color: #031B83 !important;
}
.post-card:nth-child(4n+2) {
    background-image: linear-gradient(45deg, #031B83 0%, #00CCFF 100%) !important; /* Intermediate */
}
.post-card:nth-child(4n+2) * {
    color: #CC9900 !important;
}
.post-card:nth-child(4n+3) {
    background-image: linear-gradient(45deg, #CC9900 0%, #FFD700 100%) !important; /* Pro */
}
.post-card:nth-child(4n+3) * {
    color: #031B83 !important;
}
.post-card:nth-child(4n+4) {
    background-image: linear-gradient(45deg, #031B83 0%, #00CCFF 100%) !important; /* Repeat default */
}
.post-card:nth-child(4n+4) * {
    color: #CC9900 !important;
}

/* Entry content tweaks for clean fit */
.entry-content {
    padding: 0.75rem !important;
    margin: 0 !important;
}