/*
Theme Name: Kuponeo Base
Theme URI: https://kuponeo.co.uk/
Author: Kuponeo
Description: Minimal, performance-focused WordPress theme for Kuponeo. Designed to work with the Kuponeo Coupon Plugin, Kuponeo Site Shell, and Elementor on selected pages.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: kuponeo-base
*/

/*
 * Intentionally small base layer.
 * Component and store/coupon styling stays in the existing plugins.
 */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    min-height: 100vh;
    background: #fff;
    color: #111827;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

main {
    display: block;
}

img,
picture,
video,
canvas,
svg {
    max-width: 100%;
}

img {
    height: auto;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
}

[hidden] {
    display: none !important;
}

/* Conservative layout only for ordinary WordPress fallback templates.
 * Elementor/front-page and Kuponeo coupon plugin templates are not constrained by this.
 */
.kuponeo-theme-standard {
    width: min(100% - 32px, 1120px);
    margin-inline: auto;
    padding-block: 40px 64px;
}

.kuponeo-theme-standard article + article {
    margin-top: 40px;
}

.kuponeo-theme-standard h1,
.kuponeo-theme-standard h2,
.kuponeo-theme-standard h3 {
    line-height: 1.2;
}

.kuponeo-theme-standard a {
    color: inherit;
}

.kuponeo-theme-empty,
.kuponeo-theme-404 {
    min-height: 40vh;
}

@media (max-width: 767px) {
    .kuponeo-theme-standard {
        width: min(100% - 24px, 1120px);
        padding-block: 28px 48px;
    }
}