/* ===============================
   Castology Table – Joomla Cassiopeia
   =============================== */
table.castology {
    width: 100%;                   /* full width */
    border-collapse: collapse;     /* tight borders */
    margin-bottom: 1.5em;          /* spacing below table */
    font-size: 0.95rem;            /* slightly smaller, reference style */
    font-family: inherit;          /* match site font */
}

/* Table headers */
table.castology th {
    font-weight: 600;
    background-color: #f5f5f5;     /* subtle gray header */
    color: var(--cassiopeia-color-primary); /* match Cassiopeia primary color */
    text-align: left;
    padding: 10px 12px;            /* vertical | horizontal padding */
    border-bottom: 2px solid var(--cassiopeia-color-primary);
}

/* Table cells */
table.castology td {
    padding: 10px 24px;            /* vertical | horizontal padding */
    border-bottom: 1px solid #ddd; /* subtle row divider */
    vertical-align: top;            /* aligns multi-line cells nicely */
}

/* Zebra striping for readability */
table.castology tr:nth-child(even) td {
    background-color: #fbfbfb;
}

/* Optional: hover effect for better readability */
table.castology tr:hover td {
    background-color: #f0f8ff; /* very light blue on hover */
}

/* Optional: wrap long text nicely */
table.castology td {
    word-wrap: break-word;
}


/* --- TIGHTER LIST VIEW --- */

/* 1. Reduce the space around the whole item and the border */
.is-compact-list .blog-item {
    border-bottom: 1px solid #e5e5e5 !important;
    padding-top: 0.25rem !important;   /* Shrank from 1rem */
    padding-bottom: 0.5rem !important; /* Shrank from 1rem */
    margin-bottom: 0.5rem !important;  /* Shrank from 1rem */
}

/* 2. Eliminate the massive gap above and below the H2 titles */
.is-compact-list .page-header {
    margin: 0 !important;
    padding: 0 !important;
}

.is-compact-list .page-header h2 {
    font-size: 1.25rem !important;
    margin-top: 0 !important;      /* Removes top gap */
    margin-bottom: 2px !important; /* Tiny gap before the description text */
    line-height: 1.1 !important;
}

/* 3. Tighten the description text (p tags) inside the list */
.is-compact-list .blog-item p {
    margin-bottom: 5px !important; /* Keeps the text close to the title */
    line-height: 1.4 !important;
}

/* 4. Hide the "Edit" icons for a cleaner look if desired */
.is-compact-list .icons {
    display: none !important;
}

/* ===============================
   Login Slider – Joomla Cassiopeia
   =============================== */
/* Styling the Slide-down Login */
.login-slide summary {
    list-style: none; /* Hide default arrow */
    display: block;
}

.login-slide summary::-webkit-details-marker {
    display: none; /* Hide default arrow for Safari */
}

/* Animation */
.login-slide[open] form {
    animation: loginSlideDown 0.4s ease-out;
}

@keyframes loginSlideDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Optional: rotate the button or change color when open */
.login-slide[open] summary {
    background-color: var(--cassiopeia-color-hover);
}

/* ===== PHOCA DOWNLOAD CLEAN LAYOUT WITH DESCRIPTION ===== */

/* Hide "Categories" back button */
#phoca-dl-category-box .ph-top {
    display: none !important;
}

/* Hide green Download button */
#phoca-dl-category-box .btn-success {
    display: none !important;
}

/* Hide category title */
#phoca-dl-category-box .pd-ctitle {
    display: none !important;
}

/* Show category description */
#phoca-dl-category-box .pd-cdesc {
    display: block !important;
    margin-bottom: 20px; /* optional spacing */
}