/*
Theme Name: Korea Secret
Description: Адаптивная блочная тема для журнала о корейском уходе за кожей.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: korea-secret
*/

.ks-shell { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.ks-header, .ks-footer { background: var(--wp--preset--color--paper); }
.ks-announcement {
  margin: 0; padding: .65rem 1rem; text-align: center;
  background: var(--wp--preset--color--blush);
  color: var(--wp--preset--color--berry);
  font-size: .67rem; font-weight: 700; letter-spacing: .19em;
}
.ks-nav, .ks-footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.ks-nav { min-height: 78px; }
.ks-nav > *, .ks-footer-inner > * { margin-block: 0 !important; }
.ks-nav .wp-block-navigation { font-size: .88rem; font-weight: 600; }
.ks-brand { font: 400 clamp(1.55rem, 3vw, 2.1rem)/1 Georgia, serif; letter-spacing: -.065em; }
.ks-brand a { color: inherit; text-decoration: none; white-space: nowrap; }
.ks-brand span { padding-left: .22em; color: var(--wp--preset--color--berry); font-size: .56em; vertical-align: super; }
.ks-home { padding-block: clamp(1.1rem, 3vw, 2.5rem) clamp(3rem, 7vw, 6rem); }
.ks-page { padding-block: clamp(2rem, 7vw, 6rem); min-height: 45vh; }
.ks-hero {
  display: grid; grid-template-columns: 1fr 1fr; align-items: stretch;
  background: var(--wp--preset--color--blush); border-radius: 28px; overflow: hidden;
}
.ks-hero-copy { align-self: center; padding: clamp(2rem, 5vw, 5.25rem); }
.ks-hero-art { margin: 0 !important; min-width: 0; }
.ks-hero-art img { display: block; width: 100%; height: 100%; min-height: 390px; object-fit: cover; }
.ks-kicker { color: var(--wp--preset--color--berry); font-size: .72rem; letter-spacing: .16em; font-weight: 750; }
.ks-hero-title { font-size: clamp(2.6rem, 5.1vw, 5.4rem); letter-spacing: -.062em; margin-block: .6rem 1rem; }
.ks-hero-description { max-width: 28ch; font-size: clamp(1rem, 1.5vw, 1.16rem); }
.ks-section { margin-block-start: clamp(3rem, 8vw, 6.25rem) !important; }
.ks-section-title { font-size: clamp(2rem, 4.5vw, 3.9rem); letter-spacing: -.045em; margin-block: .4rem 1.4rem; }
.ks-ritual-grid, .wp-block-post-template.ks-post-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.65rem);
}
.ks-ritual-grid > *, .ks-post-grid > li { margin: 0 !important; }
.ks-ritual-card, .ks-post-card {
  padding: 1rem 1rem 1.4rem; border: 1px solid #eadde1;
  background: var(--wp--preset--color--paper); border-radius: 20px;
}
.ks-ritual-card h3, .ks-post-card h2 { font-size: 1.65rem; margin-block: .4rem; }
.ks-ritual-card figure, .ks-post-card figure { margin: 0; overflow: hidden; border-radius: 13px; }
.ks-ritual-card img { display: block; width: 100%; height: auto; }
.ks-card-description, .ks-post-card p { font-size: .92rem; }
.ks-about {
  padding: clamp(2rem, 6vw, 5.25rem); border-radius: 24px;
  background: var(--wp--preset--color--sage);
}
.ks-about > p:not(.ks-kicker) { max-width: 53ch; }
.ks-content { max-width: 760px; margin-inline: auto; }
.ks-content > h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); overflow-wrap: anywhere; }
.ks-footer { border-top: 1px solid #eadde1; }
.ks-footer-inner { padding-block: 2rem; }
.ks-footer-inner p:not(.ks-brand) { font-size: .88rem; }
.ks-empty { padding: 1.25rem; border-radius: 12px; background: var(--wp--preset--color--blush); }
.wp-element-button:hover { filter: brightness(.9); }
:focus-visible { outline: 2px solid var(--wp--preset--color--berry); outline-offset: 4px; }

@media (max-width: 760px) {
  .ks-shell { width: calc(100% - 36px); }
  .ks-nav { min-height: 64px; }
  .ks-hero { grid-template-columns: 1fr; border-radius: 20px; }
  .ks-hero-art img { min-height: 0; max-height: 420px; aspect-ratio: 5/4; }
  .ks-ritual-grid, .wp-block-post-template.ks-post-grid { grid-template-columns: 1fr; }
}