/* 1. Load Ballet */
@import url('https://fonts.googleapis.com/css2?family=Ballet:opsz@16..72&display=swap');

/* 2. Sackers Gothic Std as the base font */
body,
.site,
#page,
.wp-site-blocks,
.entry-content,
.wp-block-post-content,
p,
.wp-block-paragraph {
    font-family: 'Sackers Gothic Std', sans-serif !important;
}

/* 3. Ballet for all H1s + page titles + homepage title */
h1,
.wp-block-post-title,
.wp-block-post-title h1,
.entry-title,
.page-title,
h1.entry-title,
h1.page-title,
.wp-block-heading.is-style-h1,
.wp-block-site-title,
.site-title,
.home .wp-block-site-title,
.home .site-title,
.home h1 {
    font-family: 'Ballet', cursive !important;
    text-transform: none !important;
}

/* 4. Keep headings 2-6 as Sackers */
h2, h3, h4, h5, h6 {
    font-family: 'Sackers Gothic Std', sans-serif !important;
}

/* 5. Fix Media & Text block fonts */
.wp-block-media-text * {
    font-family: 'Sackers Gothic Std', sans-serif !important;
}

.wp-block-media-text h1,
.wp-block-media-text .wp-block-heading.is-style-h1 {
    font-family: 'Ballet', cursive !important;
}

/* Duck Button - Thumbnail size + hover effects */
.duck-button {
    display: inline-block;
    text-decoration: none;
    background: transparent;
    border: none;
}

.duck-button img {
    width: 120px;             /* Thumbnail size - change this number */
    height: auto;
    display: block;
    transition: all 0.35s cubic-bezier(0.4, 0.0, 0.2, 1);
    border-radius: 12px;      /* Optional: soft rounded corners */
}

/* Hover: Lift up + gentle wobble */
.duck-button:hover img,
.duck-button:focus img {
    transform: translateY(-10px) rotate(0deg);
    animation: duck-wobble 0.6s ease-in-out 2;
    filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.18));
}

/* Clicked state */
.duck-button:active img {
    transform: translateY(-4px) scale(0.97);
}

/* Gentle wobble animation */
@keyframes duck-wobble {
    0%   { transform: translateY(-10px) rotate(0deg); }
    25%  { transform: translateY(-10px) rotate(4deg); }
    50%  { transform: translateY(-10px) rotate(-3deg); }
    75%  { transform: translateY(-10px) rotate(2deg); }
    100% { transform: translateY(-10px) rotate(0deg); }
}

/* Restore centering for image blocks */
.wp-block-image,
.wp-block-image figure {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Hide the automatic page/post title */
.entry-title,
.wp-block-post-title,
.page-title,
h1.wp-block-post-title,
h1.entry-title {
    display: none !important;
}
/* 8px edge-to-edge border on Vital Details page */
.page-id-6 .wp-site-blocks,
.page-id-6 .wp-block-group,
.page-id-6 .entry-content {
    border: 8px solid #57483A !important;
    box-sizing: border-box !important;
    background-color: #A2A99 !important;     /* Keeps your exact background color */
}

/* Inner content padding so text doesn't touch the thick border */
.page-id-6 .wp-block-post-content,
.page-id-6 .entry-content,
.page-id-6 article {
    padding: 50px 40px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}