/*
Theme Name: Dropp Reference
Author: OpenAI
Description: A self-hosted WordPress block-theme recreation of the supplied Dropp reference layout.
Requires at least: 6.0
Requires PHP: 7.4
Version: 3.0.0
License: GNU General Public License v2 or later
Text Domain: dropp-reference
*/

a {
    text-decoration-thickness: .5px !important;
    text-underline-offset: .1em;
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
    background:#e10000;
    color:#fff;
    border-color:#e10000;
}

/* Keep the reference composition stable across screen sizes. */
.dropp-ref-hero-images {
    gap: 4px !important;
}
.dropp-ref-hero-images img,
.dropp-ref-post-row img,
.dropp-ref-shop img {
    width:100%;
    display:block;
    object-fit:cover;
}
.dropp-ref-post-row {
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
}
.dropp-ref-shop {
    gap:6px !important;
}
@media (max-width: 680px) {
    .dropp-ref-post-row {
        gap: 18px !important;
    }
    .dropp-ref-shop {
        gap:4px !important;
    }
}

/* Reference correction: Dropp hero typography/navigation are black on red. */
.wp-block-cover.has-secondary-background-color,
.wp-block-cover.has-secondary-background-color a,
.wp-block-cover .wp-block-heading,
.wp-block-cover .wp-block-navigation,
.wp-block-cover .wp-block-navigation a,
.wp-block-cover p {
    color:#000 !important;
}