/* Custom styles for Durga Dawa Ghar Tutorials */

/* Video container for responsive YouTube embeds */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 1rem;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Breadcrumb styling */
nav[aria-label="breadcrumb"] ul {
    padding: 0;
    margin-bottom: 1rem;
}

nav[aria-label="breadcrumb"] li {
    display: inline;
}

nav[aria-label="breadcrumb"] li:not(:last-child)::after {
    content: " / ";
    color: var(--pico-muted-color);
}

/* Card grid improvements */
.grid article {
    margin-bottom: 0;
}

/* Admin dashboard stats */
article header {
    font-weight: bold;
}

/* Form spacing in admin */
form .grid {
    margin-bottom: 1rem;
}

/* Inline logout button */
nav form {
    display: inline;
}

nav form button {
    margin: 0;
    padding: 0.5rem 1rem;
}