/* ==========================================================================
   Epdexx LinkStore — shared frontend base
   Layout primitives the shared template parts rely on, so a theme is never
   required to ship Bootstrap just to lay out the hero.

   Every rule is wrapped in :where() → ZERO specificity. Bootstrap (loaded by
   the Default theme) and any theme stylesheet always override these, so this
   file can never change an existing theme's appearance — it only fills the gap
   when nothing else defines the layout.
   ========================================================================== */

:where(.epdexx-home, .epdexx-single) :where(.container) {
    width: 100%;
    max-width: 1140px;
    margin-inline: auto;
    padding-inline: 15px;
}

:where(.epdexx-home, .epdexx-single) :where(.row) {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -15px;
}

:where(.epdexx-home, .epdexx-single) :where(.row.justify-content-center) {
    justify-content: center;
}

:where(.epdexx-home, .epdexx-single) :where([class*="col-"]) {
    width: 100%;
    padding-inline: 15px;
}

@media (min-width: 992px) {
    :where(.epdexx-home, .epdexx-single) :where(.col-lg-10) { width: 83.3333%; }
    :where(.epdexx-home, .epdexx-single) :where(.col-lg-8)  { width: 66.6667%; }
    :where(.epdexx-home, .epdexx-single) :where(.col-lg-6)  { width: 50%; }
}

/* Spacing utilities used by the shared parts. */
:where(.epdexx-home, .epdexx-single) :where(.mb-4) { margin-bottom: 1.5rem; }
:where(.epdexx-home, .epdexx-single) :where(.mt-4) { margin-top: 1.5rem; }

/* Baseline for the hero divider + button so they are never unstyled. */
:where(.epdexx-home) :where(hr.divider) {
    width: 100px;
    height: 4px;
    border: 0;
    border-radius: 999px;
    margin: 20px auto;
    background: currentColor;
    opacity: .6;
}

:where(.epdexx-home, .epdexx-single) :where(.btn) {
    display: inline-block;
    padding: 12px 26px;
    border: 0;
    border-radius: 8px;
    text-decoration: none;
    font: inherit;
    line-height: 1.2;
    cursor: pointer;
}

/* Media never overflows its container. */
:where(.epdexx-home, .epdexx-single) :where(img) { max-width: 100%; }

/* Accessibility: keep a visible focus ring even if a theme forgets one. */
:where(.epdexx-home, .epdexx-single) :where(a:focus-visible, button:focus-visible) {
    outline: 3px solid currentColor;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    :where(.epdexx-home, .epdexx-single) *,
    :where(.epdexx-home, .epdexx-single) *::before,
    :where(.epdexx-home, .epdexx-single) *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}