/* Targets the link, the comma, the period, and the container */
.site-info a[href*="wordpress.com"], 
.site-info a[href*="wordpress.org"],
.site-info span.comma,
footer#colophon .site-info > a:last-of-type,
footer#colophon .site-info {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}

/* Force-restore only your organization name */
.site-info .site-name,
.site-info a.site-name {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 13px !important; /* Adjust size if needed */
}













/* 1. THE "ULTIMATE" BUTTON DESIGN: GOLD & DEPTH */
button, .button, .wp-block-button__link, input[type="submit"] {
    background: linear-gradient(135deg, #2c3e50 0%, #000000 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* Elegant rounded pill shape */
    padding: 15px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border: none !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}

/* Hover Effect: The "Lift & Glow" */
button:hover, .button:hover, .wp-block-button__link:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2) !important;
    background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%) !important;
}

/* 2. PREMIUM SITE CONTAINER: SOFT SHADOWS */
#page {
    background: #ffffff !important;
    box-shadow: 0 0 50px rgba(0,0,0,0.05) !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* 3. TYPOGRAPHY ELEVATION (CLEAN & EXPENSIVE) */
h1, h2, h3 {
    letter-spacing: -0.5px !important;
    color: #1a1a1a !important;
    font-weight: 800 !important;
}

/* 4. MODERN NAVIGATION HOVER */
.primary-navigation a {
    transition: color 0.3s ease !important;
    position: relative;
}

.primary-navigation a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    margin-top: 5px;
    right: 0;
    background: #2c3e50;
    transition: width 0.3s ease;
}

.primary-navigation a:hover:after {
    width: 100%;
    left: 0;
    background: #2c3e50;
}

/* 5. GLASSMORPHIC CARDS (For future posts/blocks) */
.wp-block-column {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 25px !important;
    border-radius: 15px !important;
    transition: transform 0.3s ease !important;
}

.wp-block-column:hover {
    transform: scale(1.02) !important;
}
























/* THE POPUP BOX */
.premium-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #2c3e50;
    color: white;
    padding: 25px;
    border-radius: 15px;
    z-index: 9999;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    max-width: 300px;
    text-align: center;
    animation: slideIn 1s ease-out;
}

/* THE TEXT */
.popup-text {
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    font-size: 1.1rem;
}

/* THE ACCEPT BUTTON */
.popup-accept {
    background: white;
    color: #2c3e50;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 800;
    display: inline-block;
    cursor: pointer;
}

@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}