/*
Theme Name: DEMMA
Theme URI: https://dengmang.bar-osaka.com/
Description: Basic Platformと連携する、独立型のデザインテーマ。配色、レイアウト、素材、アニメーションを統合管理できます。
Author: DEMMA
Version: 0.3.2
Text Domain: demma
Requires at least: 6.4
Requires PHP: 7.4
*/

/* DEMMA Builder sections */
.demma-section{position:relative;overflow:hidden;background:var(--demma-section-bg,#111);color:var(--demma-text,#fff)}
.demma-section__media,.demma-section__overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.demma-section__media img,.demma-section__media video{width:100%;height:100%;object-fit:cover;display:block}
.demma-section__overlay{z-index:1}
.demma-section__inner{position:relative;z-index:2;width:min(100% - 40px,var(--demma-content-width,1120px));margin-inline:auto}
.demma-section.is-wide .demma-section__inner{--demma-content-width:1380px}
.demma-section.is-full .demma-section__inner{width:100%;max-width:none}
.demma-section__content{text-align:var(--demma-section-align,left)}
.demma-section__content>*:first-child{margin-top:0}.demma-section__content>*:last-child{margin-bottom:0}
.demma-section__title{color:inherit;margin:0 0 .65em}
.demma-section__buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:var(--demma-section-justify,flex-start);margin-top:24px}
.demma-section__button{display:inline-flex;align-items:center;justify-content:center;padding:.8em 1.4em;border-radius:6px;background:var(--demma-button-bg);color:var(--demma-button-text)!important;text-decoration:none;font-weight:700;border:2px solid var(--demma-button-bg)}
.demma-section__button:hover{background:var(--demma-button-hover-bg);border-color:var(--demma-button-hover-bg);color:var(--demma-button-hover-text)!important}
.demma-section--cards .demma-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.demma-card{padding:28px;background:var(--demma-surface-bg);border:1px solid var(--demma-border);border-radius:12px}
.demma-card h3{color:var(--demma-heading)}
.demma-section--hero{min-height:520px;display:grid;align-items:center}
.demma-section--hero .demma-section__title{font-size:clamp(2.4rem,7vw,5.8rem);line-height:1.03}
.demma-animate{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.demma-animate.is-visible{opacity:1;transform:none}
@media(max-width:768px){.demma-section__inner{width:min(100% - 28px,var(--demma-content-width,1120px))}.demma-section--cards .demma-cards{grid-template-columns:1fr}.demma-section--hero{min-height:420px}}
@media(prefers-reduced-motion:reduce){.demma-animate{opacity:1;transform:none;transition:none}}