/*
Theme Name: INWAAN Child
Template: kadence
Version: 1.0.0
Description: INWAAN brand layer on Kadence: Prompt font, magenta/metal-black brand tokens, product single layout.
Author: INWAAN
*/

:root {
  --inwaan-magenta: #D81B60;
  --inwaan-metal: #1A1A1A;
  --inwaan-metal-soft: #2A2A2A;
  --inwaan-bg-light: #F7F7F9;
}

/* Brand typography */
body, .site, .has-small-font-size, .has-medium-font-size, p, li, h1, h2, h3, h4, h5, h6 {
  font-family: 'Prompt', 'Segoe UI', sans-serif;
}

/* Magenta accents */
/* Elementor-built pages carry their own section design — drop the Kadence hero title bar */
.elementor-page .entry-hero { display: none !important; }
/* and let full-width Elementor sections bleed to the viewport edge */
.elementor-page #primary .content-container,
.elementor-page #primary .content-area,
.elementor-page #primary .content-wrap,
.elementor-page #primary .site-main,
.elementor-page #primary .entry-content-wrap { max-width: 100% !important; width: 100%; padding-left: 0 !important; padding-right: 0 !important; }

a, .wp-block-button__link, .entry-content a { color: #D81B60; }
button, .button, .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link { border-radius: 4px; }
.wp-block-button__link { background: #D81B60; }

/* Header: dark metal with white links */
.site-header .site-container { background: transparent; }
.main-navigation .menu-item > a { color: #1A1A1A; font-weight: 500; }
.main-navigation .menu-item > a:hover { color: #D81B60; }
.site-branding .site-title { font-weight: 700; letter-spacing: 1px; }
.site-branding .site-title a { color: #1A1A1A; }

/* INWAAN product single layout */
body.single-product .entry-header { display: none; } /* custom layout owns the page */
.inwaan-product-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; margin: 32px 0; }
.inwaan-product-media img { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.inwaan-product-info h1.entry-title { font-size: 2.1em; margin: 0 0 4px; color: #1A1A1A; }
.inwaan-product-info .model { color: #666; font-weight: 300; margin-bottom: 16px; }
.inwaan-product-cta { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
.inwaan-btn { display: inline-block; padding: 13px 28px; border-radius: 4px; font-weight: 600; text-decoration: none; }
.inwaan-btn--magenta { background: #D81B60; color: #fff; }
.inwaan-btn--magenta:hover { background: #b7154f; color: #fff; }
.inwaan-btn--wa { background: #25D366; color: #fff; }
.inwaan-btn--wa:hover { background: #1eb357; color: #fff; }
.inwaan-spec-table { width: 100%; border-collapse: collapse; margin: 8px 0 24px; font-size: .95em; }
.inwaan-spec-table th, .inwaan-spec-table td { text-align: left; padding: 9px 14px; border-bottom: 1px solid #ececec; }
.inwaan-spec-table th { width: 38%; color: #1A1A1A; font-weight: 600; background: #f7f7f9; }
.inwaan-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 18px; }
.inwaan-chip { background: #f2e5ea; color: #a31245; border-radius: 20px; padding: 4px 14px; font-size: .85em; font-weight: 500; }
.inwaan-biz li { margin-bottom: 6px; font-size: .95em; }
.inwaan-product-desc { margin-top: 40px; }
.inwaan-back { display: inline-block; margin-top: 28px; color: #666; font-size: .92em; }

@media (max-width: 800px) {
  .inwaan-product-wrap { grid-template-columns: 1fr; }
}

/* Featured products grid (shortcode) */
.inwaan-feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 8px; }
.inwaan-feat-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #ececec; border-radius: 10px; overflow: hidden; text-decoration: none !important; transition: box-shadow .2s, transform .2s; }
.inwaan-feat-card:hover { box-shadow: 0 12px 28px rgba(0,0,0,.10); transform: translateY(-3px); }
.inwaan-feat-media { display: block; aspect-ratio: 1/1; background: #141414; }
.inwaan-feat-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.inwaan-feat-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 4px; }
.inwaan-feat-title { font-size: 1.06em; font-weight: 600; color: #1A1A1A; line-height: 1.35; min-height: 2.9em; }
.inwaan-feat-model { color: #8a8a8a; font-size: .85em; }
.inwaan-feat-more { color: #D81B60; font-weight: 500; font-size: .92em; margin-top: 8px; }
@media (max-width: 900px) { .inwaan-feat-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .inwaan-feat-grid { grid-template-columns: 1fr; } }

/* Footer dark metal */
.site-footer { background: #1A1A1A; color: #cfcfcf; }
.site-footer a { color: #fff; }
.site-footer .wp-block-heading { color: #fff; }