/*
Theme Name: Dimensic Software
Theme URI: https://www.dimensic.com/
Author: Dimensic Tech B.V.
Author URI: https://www.dimensic.com/
Description: Child theme of Dimensic Consult for software and SaaS websites, such as dimensic.com. Blue-to-orchid brand gradient, Montserrat headings, and ready-made sections for a software product: hero, the improvement cycle, pricing, assignments and trust. Fonts are included: no external requests, no cookies.
Template: dimensic-consult
Version: 1.2.2
Requires at least: 6.4
Tested up to: 7.1
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: dimensic-software
Tags: one-column, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, block-patterns, block-styles, translation-ready, wide-blocks
*/

/* Brand gradient sections: white text on blue → indigo → orchid, as on dimensic.com. */
.ds-gradient { background: var(--wp--preset--gradient--brand); color: #FFFFFF; }
.ds-gradient h1, .ds-gradient h2, .ds-gradient h3, .ds-gradient p { color: #FFFFFF; }
.ds-gradient .is-style-ds-eyebrow { color: rgba(255,255,255,0.85); }
.ds-gradient .wp-block-button__link { background: #FFFFFF; color: var(--wp--preset--color--navy); }
.ds-gradient .wp-block-button.is-style-ds-light .wp-block-button__link,
.ds-gradient .is-style-outline .wp-block-button__link { background: transparent; color: #FFFFFF; border: 1.5px solid rgba(255,255,255,0.8); }
.ds-gradient .is-style-ds-card { color: var(--wp--preset--color--ink); }
.ds-gradient .is-style-ds-card h3, .ds-gradient .is-style-ds-card p { color: var(--wp--preset--color--ink); }

/* Price cards: the highlighted plan. */
.ds-plan-uitgelicht { border: 2px solid var(--wp--preset--color--accent) !important; box-shadow: 0 10px 30px rgba(20, 22, 58, 0.10); }
.ds-plan-prijs { font-family: var(--wp--preset--font-family--serif); font-weight: 700; font-size: 36px; line-height: 1.1; color: var(--wp--preset--color--navy); margin: 0; }

/* Step numbers in the improvement cycle. */
.ds-stap { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wp--preset--gradient--brand); color: #FFFFFF; font-weight: 700; margin: 0 0 12px; }

/* Mega menu "Solutions" (1.0.3): a native <details> panel, no plugin needed to open it. */
.ds-header { position: relative; z-index: 30; }
.ds-mega { position: static; margin: 0; }
.ds-mega > summary { list-style: none; cursor: pointer; font-weight: 500; padding: 8px 0; display: inline-flex; align-items: center; gap: 8px; }
.ds-mega > summary::-webkit-details-marker { display: none; }
.ds-mega > summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
.ds-mega[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.ds-mega > summary:hover, .ds-mega[open] > summary { color: var(--wp--preset--color--accent); }
.ds-mega > summary:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 4px; border-radius: 4px; }
.ds-mega-paneel { position: absolute; left: 0; right: 0; top: 100%; background: var(--wp--preset--color--white); border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); box-shadow: 0 18px 40px rgba(20, 22, 58, 0.12); padding: 32px var(--wp--style--root--padding-right, 24px) 36px var(--wp--style--root--padding-left, 24px); }
.ds-mega-link { margin: 0 0 6px; }
.ds-mega-link a { display: block; padding: 10px 12px; border-radius: 10px; text-decoration: none; color: var(--wp--preset--color--soft); font-size: 14px; line-height: 1.45; }
.ds-mega-link a strong { color: var(--wp--preset--color--ink); font-size: 15px; }
.ds-mega-link a:hover, .ds-mega-link a:focus-visible { background: var(--wp--preset--color--sand); }
.ds-mega-link a:hover strong { color: var(--wp--preset--color--accent); }
/* Site title as wordmark: visible also when no logo is set (or the logo file cannot load). */
.ds-header .wp-block-site-title { font-family: var(--wp--preset--font-family--serif); font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; font-size: 20px; }
.ds-header .wp-block-site-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
@media (max-width: 781px) {
	.ds-menu { width: 100%; }
	.ds-mega { width: 100%; }
	.ds-mega-paneel { position: static; box-shadow: none; border: 0; padding: 12px 0 8px; }
}