/* Phunkari block styles. Loaded on the site and inside the block editor. */

/* Core button: on-brand default, but never overrides colours picked in the editor. */
.wp-block-button__link { border: var(--line, 2px solid #111); border-radius: var(--btn-radius, 50px); font-weight: 900; padding: 13px 24px; font-size: 15px; text-decoration: none; transition: transform 0.2s; }
.wp-block-button__link:where(:not(.has-background)) { background: var(--lime); }
.wp-block-button__link:where(:not(.has-text-color)) { color: var(--on-lime, #111); }
.wp-block-button__link:hover { transform: translateY(-3px); }
.wp-block-button.is-style-phunkari-dark .wp-block-button__link:where(:not(.has-background)) { background: var(--ink); }
.wp-block-button.is-style-phunkari-dark .wp-block-button__link:where(:not(.has-text-color)) { color: var(--on-ink, #fff); }
.wp-block-button.is-style-phunkari-outline .wp-block-button__link:where(:not(.has-background)) { background: transparent; }
.wp-block-button.is-style-phunkari-outline .wp-block-button__link:where(:not(.has-text-color)) { color: inherit; }

/* Sticker card and frame. */
.wp-block-group.is-style-phunkari-card { border: var(--line, 2px solid #111); box-shadow: 7px 7px 0 var(--ink); padding: 1.6rem; }
.wp-block-group.is-style-phunkari-card:where(:not(.has-background)) { background-color: #fff; }
.wp-block-image.is-style-phunkari-frame img { border: var(--line, 2px solid #111); box-shadow: 8px 8px 0 var(--ink); }

/* Tight display heading. */
.wp-block-heading.is-style-phunkari-tight { font-family: var(--font-display); font-weight: 1000; letter-spacing: -0.06em; line-height: 0.92; }

/* Everyday content blocks. */
.wp-block-separator { border: 0; border-top: var(--line, 2px solid #111); opacity: 1; }
.wp-block-quote { border-left: 6px solid var(--pink); margin-left: 0; padding: 4px 0 4px 22px; font-size: 1.15em; }
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--ink); padding: 10px 14px; }
.wp-block-table thead { border-bottom: 2px solid var(--ink); }
.wp-block-details { border: var(--line, 2px solid #111); background: #fff; padding: 14px 18px; margin-block: 12px; }
.wp-block-details summary { font-weight: 900; cursor: pointer; }
.wp-block-details[open] summary { margin-bottom: 8px; }
.wp-block-image img { height: auto; }
.wp-block-media-text { border: 0; }
.wp-block-cover { min-height: 320px; }