/* TV and Fullscreen Mode Specific Styling */

/* Fullscreen basics */
:fullscreen,
:-webkit-full-screen,
:-ms-fullscreen,
:-moz-full-screen {
    background: linear-gradient(41deg, rgb(145, 31, 31), rgb(5, 5, 144));
    overflow: auto;
}

/* Increased element heights and sizes */
:fullscreen .main,
:-webkit-full-screen .main,
:-ms-fullscreen .main,
:-moz-full-screen .main {
    min-height: 58vh !important;
}

:fullscreen .sliding-element,
:-webkit-full-screen .sliding-element,
:-ms-fullscreen .sliding-element,
:-moz-full-screen .sliding-element {
    min-height: 58vh !important;
}

:fullscreen .headerr p,
:-webkit-full-screen .headerr p,
:-ms-fullscreen .headerr p,
:-moz-full-screen .headerr p {
    font-size: 32px !important;
    padding: 15px !important;
}

:fullscreen .articlee,
:-webkit-full-screen .articlee,
:-ms-fullscreen .articlee,
:-moz-full-screen .articlee {
    font-size: 24px !important;
}

:fullscreen .articlee p,
:-webkit-full-screen .articlee p,
:-ms-fullscreen .articlee p,
:-moz-full-screen .articlee p {
    font-size: 22px !important;
    line-height: 1.5 !important;
}

:fullscreen .articlee ul li,
:-webkit-full-screen .articlee ul li,
:-ms-fullscreen .articlee ul li,
:-moz-full-screen .articlee ul li {
    font-size: 22px !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
}

:fullscreen .detailss .mybigtext,
:-webkit-full-screen .detailss .mybigtext,
:-ms-fullscreen .detailss .mybigtext,
:-moz-full-screen .detailss .mybigtext {
    font-size: 24px !important;
    margin-top: 15px !important;
}

:fullscreen .detailss .mytxt,
:-webkit-full-screen .detailss .mytxt,
:-ms-fullscreen .detailss .mytxt,
:-moz-full-screen .detailss .mytxt {
    font-size: 22px !important;
    margin-bottom: 15px !important;
}

/* Category styles */
:fullscreen .accordion-button,
:-webkit-full-screen .accordion-button,
:-ms-fullscreen .accordion-button,
:-moz-full-screen .accordion-button {
    font-size: 26px !important;
    padding: 15px 20px !important;
}

:fullscreen .myheading-category,
:-webkit-full-screen .myheading-category,
:-ms-fullscreen .myheading-category,
:-moz-full-screen .myheading-category {
    font-size: 30px !important;
    padding: 15px !important;
}

:fullscreen .card-title,
:-webkit-full-screen .card-title,
:-ms-fullscreen .card-title,
:-moz-full-screen .card-title {
    font-size: 24px !important;
}

:fullscreen .show_category,
:-webkit-full-screen .show_category,
:-ms-fullscreen .show_category,
:-moz-full-screen .show_category {
    font-size: 22px !important;
    padding: 10px 15px !important;
}

:fullscreen .qr-code-container,
:-webkit-full-screen .qr-code-container,
:-ms-fullscreen .qr-code-container,
:-moz-full-screen .qr-code-container {
    max-width: 250px !important;
    padding: 20px !important;
    margin: 25px auto !important;
}

:fullscreen .qr-code-container h5,
:-webkit-full-screen .qr-code-container h5,
:-ms-fullscreen .qr-code-container h5,
:-moz-full-screen .qr-code-container h5 {
    font-size: 22px !important;
    margin-bottom: 15px !important;
}

:fullscreen .qr-code-container svg,
:-webkit-full-screen .qr-code-container svg,
:-ms-fullscreen .qr-code-container svg,
:-moz-full-screen .qr-code-container svg {
    height: 180px !important;
    width: 180px !important;
}

/* Card layout */
:fullscreen .item-card,
:-webkit-full-screen .item-card,
:-ms-fullscreen .item-card,
:-moz-full-screen .item-card {
    padding: 20px !important;
    min-height: 180px !important;
}

:fullscreen .logoo,
:-webkit-full-screen .logoo,
:-ms-fullscreen .logoo,
:-moz-full-screen .logoo {
    height: 60px !important;
    width: 70px !important;
}

/* Spacing improvements */
:fullscreen .my-scroll-category,
:-webkit-full-screen .my-scroll-category,
:-ms-fullscreen .my-scroll-category,
:-moz-full-screen .my-scroll-category {
    padding-bottom: 40px !important;
    max-height: 500px !important;
    overflow-y: auto !important;
}

:fullscreen .containerr,
:-webkit-full-screen .containerr,
:-ms-fullscreen .containerr,
:-moz-full-screen .containerr {
    padding: 20px !important;
}

/* Fix for modals in fullscreen */
:fullscreen .modal-dialog,
:-webkit-full-screen .modal-dialog,
:-ms-fullscreen .modal-dialog,
:-moz-full-screen .modal-dialog {
    max-width: 80% !important;
}

:fullscreen .custom-content,
:-webkit-full-screen .custom-content,
:-ms-fullscreen .custom-content,
:-moz-full-screen .custom-content {
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding: 40px 60px;
    min-height: 80vh;
}

:fullscreen .custom-sidebar,
:-webkit-full-screen .custom-sidebar,
:-ms-fullscreen .custom-sidebar,
:-moz-full-screen .custom-sidebar {
    max-width: 520px !important;
    min-width: 420px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    background: linear-gradient(135deg, rgba(45,45,200,0.95) 60%, rgba(5,5,144,0.85) 100%);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    border-radius: 24px;
    padding: 40px 24px 40px 24px;
    margin: 0 0 0 0;
    min-height: 70vh;
}

:fullscreen .sidebar-cards,
:-webkit-full-screen .sidebar-cards,
:-ms-fullscreen .sidebar-cards,
:-moz-full-screen .sidebar-cards {
    gap: 40px !important;
}

:fullscreen .sidebar-card,
:-webkit-full-screen .sidebar-card,
:-ms-fullscreen .sidebar-card,
:-moz-full-screen .sidebar-card {
    padding: 32px 24px !important;
    margin-bottom: 32px !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 24px 0 rgba(31, 38, 135, 0.25);
    background: rgba(45, 45, 200, 0.92) !important;
    transition: transform 0.2s, box-shadow 0.2s;
}
:fullscreen .sidebar-card:hover,
:-webkit-full-screen .sidebar-card:hover,
:-ms-fullscreen .sidebar-card:hover,
:-moz-full-screen .sidebar-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 32px 0 rgba(31, 38, 135, 0.35);
}

:fullscreen .sidebar-card-title,
:-webkit-full-screen .sidebar-card-title,
:-ms-fullscreen .sidebar-card-title,
:-moz-full-screen .sidebar-card-title {
    font-size: 2.2rem !important;
    padding: 12px 0 !important;
    margin-bottom: 18px !important;
}

:fullscreen .carousel-img,
:-webkit-full-screen .carousel-img,
:-ms-fullscreen .carousel-img,
:-moz-full-screen .carousel-img {
    width: 140px !important;
    height: 140px !important;
    border-width: 4px !important;
}

:fullscreen .carousel-details,
:-webkit-full-screen .carousel-details,
:-ms-fullscreen .carousel-details,
:-moz-full-screen .carousel-details {
    font-size: 1.5rem !important;
    margin-left: 28px !important;
}

:fullscreen .info-officer-img,
:-webkit-full-screen .info-officer-img,
:-ms-fullscreen .info-officer-img,
:-moz-full-screen .info-officer-img {
    width: 140px !important;
    height: 140px !important;
    border-width: 4px !important;
}

:fullscreen .info-officer-details,
:-webkit-full-screen .info-officer-details,
:-ms-fullscreen .info-officer-details,
:-moz-full-screen .info-officer-details {
    font-size: 1.5rem !important;
    margin-left: 28px !important;
}

:fullscreen .custom-main,
:-webkit-full-screen .custom-main,
:-ms-fullscreen .custom-main,
:-moz-full-screen .custom-main {
    background: rgba(255,255,255,0.10);
    border-radius: 18px;
    padding: 40px 32px;
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 4px 24px 0 rgba(31, 38, 135, 0.10);
}

:fullscreen .main,
:-webkit-full-screen .main,
:-ms-fullscreen .main,
:-moz-full-screen .main {
    min-height: 60vh !important;
}

:fullscreen .sidebar-card .carousel-content,
:-webkit-full-screen .sidebar-card .carousel-content,
:-ms-fullscreen .sidebar-card .carousel-content,
:-moz-full-screen .sidebar-card .carousel-content {
    padding: 24px !important;
    border-radius: 14px !important;
}

:fullscreen .sidebar-card .carousel-content:hover,
:-webkit-full-screen .sidebar-card .carousel-content:hover,
:-ms-fullscreen .sidebar-card .carousel-content:hover,
:-moz-full-screen .sidebar-card .carousel-content:hover {
    background: rgba(30, 30, 180, 0.7) !important;
    transition: background 0.2s;
}

:fullscreen .sidebar-card .fw-bold,
:-webkit-full-screen .sidebar-card .fw-bold,
:-ms-fullscreen .sidebar-card .fw-bold,
:-moz-full-screen .sidebar-card .fw-bold {
    font-size: 1.6rem !important;
}

:fullscreen .sidebar-card .position-text,
:-webkit-full-screen .sidebar-card .position-text,
:-ms-fullscreen .sidebar-card .position-text,
:-moz-full-screen .sidebar-card .position-text {
    font-size: 1.2rem !important;
}

:fullscreen .sidebar-card .contact-text,
:-webkit-full-screen .sidebar-card .contact-text,
:-ms-fullscreen .sidebar-card .contact-text,
:-moz-full-screen .sidebar-card .contact-text {
    font-size: 1.1rem !important;
} 
@media (max-width: 640px) {
    :fullscreen .sidebar-card .contact-text {
        font-size: 1.1rem !important;
    }
}