/*
Theme Name: Amy
Theme URI: https://amybera.com
Author: Your Name
Author URI: https://amybera.com
Description: A custom WordPress theme for Amy
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amy
*/


@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap');

body {
    font-family: 'Fredoka', sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    position: relative;
}

/* Background styling */
.bg-pattern {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/themes/amy/image.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -2;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .bg-pattern {
        background-attachment: scroll;
        background-size: cover;
        background-position: center center;
    }
}

/* Cyan overlay */
.bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 255, 255, 0.8);
    mix-blend-mode: multiply;
    z-index: -1;
}

.text-shadow-strong {
    text-shadow: 4px 4px 0px rgba(0,0,0,0.8);
}

.btn-samy {
    background: #FF1493;
    border: 4px solid #FFD700;
    box-shadow: 0 8px 0 #000, 0 12px 20px rgba(0,0,0,0.5);
    transition: all 0.2s;
}

.btn-samy:hover {
    transform: translateY(4px);
    box-shadow: 0 4px 0 #000, 0 6px 10px rgba(0,0,0,0.5);
}

.info-box {
    background: rgba(0,0,0,0.85);
    border: 3px solid #FFD700;
    border-radius: 20px;
}

#wpcombar,
.wpcom-masterbar,
.masterbar,
a[href*="wordpress.com/log-in"],
a[href*="wordpress.com/read"],
a[href*="manage-subscriptions"],
a[href*="subscribe"],
div[id*="subscribe"],
iframe[src*="wordpress.com"],
div[class*="wpcom"],
#eu-cookie-law,
div[data-component="signup-bar"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}