/*
 * shelby-stack.css  v2.1
 * Homepage Stack Sections — Shelby Theme / EssayBishops
 */

/* Dashboard mobile fix — belt and braces */
@media (max-width: 768px) {
    body.authorization_page .shelby-mobile-cta,
    body.page-dashboard .shelby-mobile-cta { display: none !important; }
    body.authorization_page,
    body.page-dashboard { padding-bottom: 0 !important; }
}

/* Stack wrapper */
#shelby-homepage-stack { display: block; width: 100%; border-top: 2px solid #ede9fe; }

/* Sections */
.shelby-stack-section { display: block; width: 100%; padding: 60px 0; }
.shelby-stack-bg-white  { background: #ffffff; border-top: 1px solid #ede9fe; }
.shelby-stack-bg-violet { background: #f5f5ff; border-top: 1px solid #e4e0fc; }
.shelby-stack-inner { padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; }

/* Header */
.shelby-stack-header { margin-bottom: 1.5rem; }
.shelby-stack-heading {
    font-size: clamp(1.5rem, 2.5vw, 2.1rem);
    font-weight: 900;
    color: #160647;
    margin: 0.5rem 0 0;
    line-height: 1.2;
}

/* Preview — always visible */
.shelby-stack-preview { font-size: 1rem; line-height: 1.75; color: #374151; margin-bottom: 0; }
.shelby-stack-preview p { margin: 0 0 0.75em; }
.shelby-stack-preview p:last-child { margin-bottom: 0; }

/* Full content — hidden until expanded */
.shelby-stack-full {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.shelby-stack-full[aria-hidden="false"] { margin-top: 1.25rem; }

/* Typography in full content */
.shelby-stack-full p { font-size: 1rem; line-height: 1.75; color: #374151; margin: 0 0 1em; }
.shelby-stack-full p:last-child { margin-bottom: 0; }
.shelby-stack-full h2,
.shelby-stack-full h3,
.shelby-stack-full h4 { color: #160647; font-weight: 800; line-height: 1.25; margin: 1.6em 0 0.5em; }
.shelby-stack-full h2 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.shelby-stack-full h3 { font-size: clamp(1.1rem, 1.8vw, 1.35rem); }
.shelby-stack-full h4 { font-size: 1.05rem; }
.shelby-stack-full ul,
.shelby-stack-full ol { padding-left: 1.5em; margin: 0 0 1em; color: #374151; font-size: 1rem; line-height: 1.75; }
.shelby-stack-full li { margin-bottom: 0.4em; }
.shelby-stack-full ul > li::marker { color: #6857d0; }
.shelby-stack-full a { color: #6857d0; text-decoration: underline; text-decoration-color: rgba(104,87,208,.4); transition: color .2s, text-decoration-color .2s; }
.shelby-stack-full a:hover { color: #160647; text-decoration-color: #160647; }
.shelby-stack-full blockquote {
    border-left: 4px solid #6857d0;
    margin: 1.25em 0; padding: .85em 1.25em;
    background: #f5f3ff; border-radius: 0 10px 10px 0;
    color: #4b5563; font-style: italic; font-size: .97rem; line-height: 1.7;
}
.shelby-stack-full img { max-width: 100%; height: auto; border-radius: 10px; display: block; margin: 1rem auto; }

/* Tables */
.shelby-stack-full table { width: 100%; border-collapse: collapse; margin: 1.25em 0; font-size: .92rem; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(104,87,208,.07); }
.shelby-stack-full table th { background: #6857d0; color: #fff; font-weight: 700; padding: .65rem 1rem; text-align: left; font-size: .88rem; }
.shelby-stack-full table td { padding: .6rem 1rem; border-bottom: 1px solid #ede9fe; color: #374151; vertical-align: top; }
.shelby-stack-full table tr:last-child td { border-bottom: none; }
.shelby-stack-full table tr:nth-child(even) { background: #faf9ff; }

/* Toggle button — matches .light_violet_bordered_button from style.css */
.shelby-stack-actions { margin-top: 1.5rem; display: flex; align-items: center; }
.shelby-stack-toggle {
    display: inline-flex; align-items: center; gap: .5rem;
    font-family: inherit; font-size: .9rem; font-weight: 700; line-height: 1;
    color: #6857d0; background: #ede9fe; border: 1.5px solid #cec9f0;
    border-radius: 30px; padding: .7rem 1.75rem;
    cursor: pointer; -webkit-appearance: none; appearance: none; outline: none;
    transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease;
}
.shelby-stack-toggle:hover { background: #6857d0; color: #fff; border-color: #6857d0; transform: translateY(-2px); }
.shelby-stack-toggle:focus-visible { outline: 2px solid #6857d0; outline-offset: 3px; }
.shelby-stack-toggle__icon { flex-shrink: 0; transition: transform .3s ease; }
.shelby-stack-toggle.is-expanded .shelby-stack-toggle__icon { transform: rotate(180deg); }
.shelby-stack-toggle.is-expanded { background: #6857d0; color: #fff; border-color: #6857d0; }

/* Last section bottom border */
#shelby-homepage-stack > .shelby-stack-section:last-child { border-bottom: 2px solid #ede9fe; }

/* Tablet */
@media screen and (max-width: 1209px) {
    .shelby-stack-section { padding: 48px 0; }
    .shelby-stack-inner { padding-left: 1rem; padding-right: 1rem; }
    .shelby-stack-heading { font-size: 1.6rem; }
}

/* Mobile */
@media (max-width: 767px) {
    .shelby-stack-section { padding: 40px 0; }
    .shelby-stack-heading { font-size: 1.4rem; line-height: 1.25; }
    .shelby-stack-preview,
    .shelby-stack-full p,
    .shelby-stack-full li { font-size: .95rem; }
    .shelby-stack-toggle { font-size: .85rem; padding: .65rem 1.4rem; }
    .shelby-stack-full h2 { font-size: 1.2rem; }
    .shelby-stack-full h3 { font-size: 1.05rem; }
    .shelby-stack-full table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
}

/* Print */
@media print {
    .shelby-stack-full { max-height: none !important; overflow: visible !important; }
    .shelby-stack-actions { display: none !important; }
}