/* WEBHOST SOLUTIONS — Announcements / View Announcement
   Presentation only. WHMCS keeps native announcement routes, month filtering,
   pagination, admin edit links, social widgets and Support sidebar behaviour. */

html.whs-announcements-page,
html.whs-announcements-page body,
body.whs-announcements-page,
body.whs-announcements-page #main-body,
body.whs-announcements-page #main-body > .container,
body.whs-announcements-page #main-body > .container-fluid,
body.whs-announcements-page .main-content,
body.whs-announcements-page .primary-content {
    background:#07111f !important;
    color:#dfe5f6;
}

body.whs-announcements-page #main-body {
    padding-top:18px;
    padding-bottom:14px;
}

body.whs-announcements-page #main-body,
body.whs-announcements-page #main-body > .container,
body.whs-announcements-page #main-body > .container-fluid,
body.whs-announcements-page #main-body > .container > .row,
body.whs-announcements-page #main-body > .container-fluid > .row,
body.whs-announcements-page #main-body .main-content,
body.whs-announcements-page #main-body .primary-content {
    min-height:0 !important;
    height:auto !important;
    margin-bottom:0 !important;
}

body.whs-announcements-page #footer { margin-top:0 !important; }

/* Hero */
body.whs-announcements-page .header-lined {
    position:relative;
    overflow:hidden;
    margin:0 0 18px !important;
    padding:19px 26px 18px !important;
    border:1px solid rgba(142,154,212,.17) !important;
    border-radius:20px !important;
    background:radial-gradient(circle at 94% 6%,rgba(134,82,226,.18),transparent 38%),linear-gradient(145deg,#11192f,#0c1427) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.12) !important;
}

body.whs-announcements-page .header-lined::before {
    content:"";
    position:relative;
    z-index:1;
    display:block;
    margin-bottom:6px;
    color:#aeb7ff;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.22em;
}


body.whs-announcements-index-page .header-lined::before {
    content:"NEWS";
}

body.whs-announcement-view-page .header-lined::before {
    content:"ANNOUNCEMENT";
}

body.whs-announcements-index-page .header-lined::after {
    content:"News, updates and important information from our team.";
}

body.whs-announcement-view-page .header-lined::after {
    content:"Read the latest update from our team.";
}

body.whs-announcements-page .header-lined::after {
    position:relative;
    z-index:1;
    display:block;
    margin-top:8px;
    color:#98a5c2;
    font-size:14px;
    line-height:1.55;
}

body.whs-announcements-page .header-lined h1 {
    position:relative;
    z-index:1;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#f7f9ff !important;
    font-size:34px !important;
    line-height:1.14 !important;
    font-weight:800 !important;
    letter-spacing:-.025em;
    overflow-wrap:anywhere;
}

/* List page should say Announcements instead of the stock "News" heading. */
body.whs-announcements-index-page .header-lined h1 {
    font-size:0 !important;
}
body.whs-announcements-index-page .header-lined h1::before {
    content:"Announcements";
    font-size:34px;
    line-height:1.14;
}

body.whs-announcements-page .header-lined h1 small,
body.whs-announcements-page .header-lined .breadcrumb,
body.whs-announcements-page .header-lined ol.breadcrumb {
    display:none !important;
}

/* Native By Month + Support sidebar panels. Keep Six's minimise/open-close JS. */
body.whs-announcements-page .sidebar .panel,
body.whs-announcements-page .sidebar .panel-sidebar,
body.whs-announcements-page .sidebar-primary .panel,
body.whs-announcements-page .sidebar-secondary .panel {
    overflow:hidden;
    margin:0 0 18px !important;
    border:1px solid rgba(142,154,212,.16) !important;
    border-radius:18px !important;
    background:radial-gradient(circle at 100% 0,rgba(129,81,218,.10),transparent 42%),linear-gradient(145deg,#11192f,#0c1427) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.10) !important;
}

body.whs-announcements-page .sidebar .panel-heading,
body.whs-announcements-page .sidebar .panel-sidebar > .panel-heading,
body.whs-announcements-page .sidebar-primary .panel-heading,
body.whs-announcements-page .sidebar-secondary .panel-heading {
    min-height:64px;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(142,154,212,.10) !important;
    color:#eef1fb !important;
    background:linear-gradient(135deg,rgba(17,25,47,.96),rgba(20,26,54,.96)) !important;
}

body.whs-announcements-page .sidebar .panel-title,
body.whs-announcements-page .sidebar-primary .panel-title,
body.whs-announcements-page .sidebar-secondary .panel-title {
    display:flex;
    align-items:center;
    min-height:64px;
    margin:0 !important;
    padding:16px 18px !important;
    color:#eef1fb !important;
    font-size:17px !important;
    line-height:1.35;
    font-weight:800 !important;
}

body.whs-announcements-page .sidebar .panel-title > i:not(.panel-minimise),
body.whs-announcements-page .sidebar-primary .panel-title > i:not(.panel-minimise),
body.whs-announcements-page .sidebar-secondary .panel-title > i:not(.panel-minimise) {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    margin:0 12px 0 0 !important;
    border:1px solid rgba(169,145,255,.25);
    border-radius:11px;
    color:#c5b5ff !important;
    background:linear-gradient(145deg,rgba(117,91,225,.26),rgba(142,82,205,.18));
    font-size:15px !important;
}

body.whs-announcements-page .sidebar .panel-minimise,
body.whs-announcements-page .sidebar-primary .panel-minimise,
body.whs-announcements-page .sidebar-secondary .panel-minimise {
    margin-left:auto !important;
    color:#8290ae !important;
}

body.whs-announcements-page .sidebar .panel-body,
body.whs-announcements-page .sidebar .list-group,
body.whs-announcements-page .sidebar-primary .panel-body,
body.whs-announcements-page .sidebar-secondary .panel-body {
    border:0 !important;
    color:#dbe2f4;
    background:#0b1427 !important;
}

/* By Month select */
body.whs-announcements-page .sidebar select,
body.whs-announcements-page .sidebar .form-control,
body.whs-announcements-page .sidebar-primary select,
body.whs-announcements-page .sidebar-primary .form-control {
    width:100%;
    min-height:50px;
    padding:0 42px 0 14px !important;
    border:1px solid rgba(142,154,212,.24) !important;
    border-radius:12px !important;
    color:#eef2ff !important;
    -webkit-text-fill-color:#eef2ff;
    background:#081225 !important;
    box-shadow:none !important;
    font-size:15px;
}
body.whs-announcements-page .sidebar select option,
body.whs-announcements-page .sidebar-primary select option { color:#111827; background:#fff; }

/* Support navigation uses the same 2-column pattern as finished ticket pages. */
body.whs-announcements-page .sidebar .panel[menuItemName="Support"] .list-group,
body.whs-announcements-page .sidebar-secondary .panel[menuItemName="Support"] .list-group,
body.whs-announcements-page .sidebar-secondary > .panel .list-group {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    width:100%;
    margin:0 !important;
    padding:12px !important;
    background:#0b1427 !important;
}

body.whs-announcements-page .sidebar .panel[menuItemName="Support"] .list-group-item,
body.whs-announcements-page .sidebar-secondary .panel[menuItemName="Support"] .list-group-item,
body.whs-announcements-page .sidebar-secondary > .panel .list-group-item {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    min-width:0 !important;
    width:100% !important;
    min-height:52px;
    margin:0 !important;
    padding:11px 12px !important;
    border:1px solid rgba(142,154,212,.13) !important;
    border-radius:10px !important;
    white-space:normal !important;
    overflow:hidden !important;
    color:#c4cce0 !important;
    background:#0e182c !important;
    text-decoration:none !important;
}
body.whs-announcements-page .sidebar .panel[menuItemName="Support"] .list-group-item.active,
body.whs-announcements-page .sidebar .panel[menuItemName="Support"] .list-group-item:hover,
body.whs-announcements-page .sidebar-secondary .list-group-item.active,
body.whs-announcements-page .sidebar-secondary .list-group-item:hover {
    color:#fff !important;
    border-color:rgba(169,145,255,.34) !important;
    background:#111d35 !important;
}
body.whs-announcements-page .sidebar .list-group-item i,
body.whs-announcements-page .sidebar-secondary .list-group-item i { color:#b9aaff !important; }

/* Main announcement cards */
body.whs-announcements-page .whs-announcements {
    width:100%;
    color:#dfe5f6;
}

body.whs-announcements-page .whs-announcement-card,
body.whs-announcements-page .whs-announcement-view-card,
body.whs-announcements-page .whs-announcement-empty-card {
    overflow:hidden;
    margin:0 0 18px;
    border:1px solid rgba(142,154,212,.17);
    border-radius:20px;
    background:radial-gradient(circle at 100% 0,rgba(129,81,218,.10),transparent 38%),linear-gradient(145deg,#11192f,#0c1427);
    box-shadow:0 16px 36px rgba(0,0,0,.12);
}

body.whs-announcements-page .whs-announcement-card-head {
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:20px 22px 17px;
    border-bottom:1px solid rgba(142,154,212,.11);
}

body.whs-announcements-page .whs-announcement-card-icon,
body.whs-announcements-page .whs-announcement-empty-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border:1px solid rgba(169,145,255,.25);
    border-radius:12px;
    color:#c5b5ff;
    background:linear-gradient(145deg,rgba(117,91,225,.26),rgba(142,82,205,.18));
    font-size:16px;
}

body.whs-announcements-page .whs-announcement-card-heading { min-width:0; }
body.whs-announcements-page .whs-announcement-title {
    display:inline-block;
    color:#f5f7ff !important;
    font-size:20px;
    line-height:1.35;
    font-weight:800;
    text-decoration:none !important;
    overflow-wrap:anywhere;
}
body.whs-announcements-page .whs-announcement-title:hover { color:#d9d0ff !important; }

body.whs-announcements-page .whs-announcement-date,
body.whs-announcements-page .whs-announcement-view-date {
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:7px;
    color:#8f9db9;
    font-size:12px;
    line-height:1.45;
}
body.whs-announcements-page .whs-announcement-date i,
body.whs-announcements-page .whs-announcement-view-date i { color:#b9aaff; }

body.whs-announcements-page .whs-announcement-card-body { padding:20px 22px 22px; }
body.whs-announcements-page .whs-announcement-excerpt,
body.whs-announcements-page .whs-announcement-content {
    color:#cbd3e6;
    font-size:15px;
    line-height:1.75;
    overflow-wrap:anywhere;
}
body.whs-announcements-page .whs-announcement-excerpt > :first-child,
body.whs-announcements-page .whs-announcement-content > :first-child { margin-top:0; }
body.whs-announcements-page .whs-announcement-excerpt > :last-child,
body.whs-announcements-page .whs-announcement-content > :last-child { margin-bottom:0; }
body.whs-announcements-page .whs-announcement-excerpt a,
body.whs-announcements-page .whs-announcement-content a { color:#bba9ff !important; }
body.whs-announcements-page .whs-announcement-content h1,
body.whs-announcements-page .whs-announcement-content h2,
body.whs-announcements-page .whs-announcement-content h3,
body.whs-announcements-page .whs-announcement-content h4 { color:#f3f6ff !important; }

body.whs-announcements-page .whs-announcement-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}
body.whs-announcements-page .whs-announcement-actions .btn,
body.whs-announcements-page .whs-announcement-view-actions .btn,
body.whs-announcements-page .whs-announcement-view-meta .btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:11px 17px !important;
    border-radius:11px !important;
    font-size:14px;
    line-height:1.4;
    font-weight:800;
    box-shadow:none !important;
    text-decoration:none !important;
}
body.whs-announcements-page .whs-read-announcement {
    flex:1 1 220px;
    border:1px solid rgba(175,145,255,.42) !important;
    color:#fff !important;
    background:linear-gradient(135deg,#6756e9 0%,#a54bd8 100%) !important;
    box-shadow:0 10px 24px rgba(112,75,222,.18) !important;
}
body.whs-announcements-page .whs-announcement-edit,
body.whs-announcements-page .whs-announcement-back {
    border:1px solid rgba(142,154,212,.24) !important;
    color:#e1e6f4 !important;
    background:#111c33 !important;
}

body.whs-announcements-page .whs-announcement-social,
body.whs-announcements-page .whs-announcement-sharing {
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid rgba(142,154,212,.10);
}

/* View Announcement */
body.whs-announcement-view-page .whs-announcement-view-card { padding:0; }
body.whs-announcement-view-page .whs-announcement-view-meta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:17px 20px;
    border-bottom:1px solid rgba(142,154,212,.11);
    background:rgba(12,22,43,.50);
}
body.whs-announcement-view-page .whs-announcement-view-date { margin:0; color:#a4afc8; font-size:13px; }
body.whs-announcement-view-page .whs-announcement-content { padding:22px; }
body.whs-announcement-view-page .whs-announcement-sharing { margin:0 22px; padding:18px 0; }
body.whs-announcement-view-page .whs-announcement-view-actions {
    padding:18px 22px 22px;
    border-top:1px solid rgba(142,154,212,.10);
}
body.whs-announcement-view-page .whs-announcement-back { min-width:130px; }

/* Empty state */
body.whs-announcements-page .whs-announcement-empty-card {
    padding:36px 24px;
    text-align:center;
}
body.whs-announcements-page .whs-announcement-empty-icon {
    width:64px;
    height:64px;
    margin:0 auto 18px;
    border-radius:18px;
    font-size:24px;
}
body.whs-announcements-page .whs-announcement-empty-card h2 {
    margin:0 0 8px;
    color:#f5f7ff;
    font-size:21px;
    font-weight:800;
}
body.whs-announcements-page .whs-announcement-empty-card p {
    margin:0;
    color:#9da9c3;
    font-size:14px;
    line-height:1.6;
}

/* Pagination */
body.whs-announcements-page .whs-announcement-pagination {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:7px;
    margin:2px 0 18px;
}
body.whs-announcements-page .whs-announcement-pagination .btn {
    min-width:42px;
    min-height:42px;
    padding:9px 12px !important;
    border:1px solid rgba(142,154,212,.18) !important;
    border-radius:10px !important;
    color:#cbd3e7 !important;
    background:#0d172a !important;
    box-shadow:none !important;
}
body.whs-announcements-page .whs-announcement-pagination .btn.active {
    border-color:rgba(164,141,255,.45) !important;
    color:#fff !important;
    background:linear-gradient(135deg,#6959e5,#9252d0) !important;
}
body.whs-announcements-page .whs-announcement-pagination .btn.disabled { opacity:.45; pointer-events:none; }

body.whs-announcements-page .alert { border-radius:14px; }

@media (max-width:991px) {
    body.whs-announcements-page #main-body > .container > .row > [class*="col-md-"] { float:none; width:100%; }
}

@media (max-width:767px) {
    body.whs-announcements-page #main-body { padding-top:14px; padding-bottom:12px; }
    body.whs-announcements-page .header-lined {
        margin-bottom:16px !important;
        padding:18px 20px 17px !important;
        border-radius:18px !important;
    }
    body.whs-announcements-page .header-lined h1 { font-size:28px !important; }
    body.whs-announcements-index-page .header-lined h1 { font-size:0 !important; }
    body.whs-announcements-index-page .header-lined h1::before { font-size:28px; }

    body.whs-announcements-page .sidebar .panel,
    body.whs-announcements-page .sidebar .panel-sidebar,
    body.whs-announcements-page .whs-announcement-card,
    body.whs-announcements-page .whs-announcement-view-card,
    body.whs-announcements-page .whs-announcement-empty-card { border-radius:18px !important; }

    body.whs-announcements-page .whs-announcement-card-head { padding:17px 16px 14px; }
    body.whs-announcements-page .whs-announcement-card-body { padding:17px 16px 18px; }
    body.whs-announcements-page .whs-announcement-title { font-size:18px; }
    body.whs-announcements-page .whs-read-announcement { flex-basis:100%; width:100%; }
    body.whs-announcements-page .whs-announcement-edit { flex:1 1 100%; width:100%; }

    body.whs-announcement-view-page .whs-announcement-view-meta {
        align-items:flex-start;
        padding:15px 16px;
    }
    body.whs-announcement-view-page .whs-announcement-content { padding:18px 16px; }
    body.whs-announcement-view-page .whs-announcement-sharing { margin:0 16px; }
    body.whs-announcement-view-page .whs-announcement-view-actions { padding:16px; }
    body.whs-announcement-view-page .whs-announcement-back { width:100%; }

    body.whs-announcements-page .sidebar .panel[menuItemName="Support"] .list-group,
    body.whs-announcements-page .sidebar-secondary .panel[menuItemName="Support"] .list-group,
    body.whs-announcements-page .sidebar-secondary > .panel .list-group {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:380px) {
    body.whs-announcements-page .sidebar .panel[menuItemName="Support"] .list-group,
    body.whs-announcements-page .sidebar-secondary .panel[menuItemName="Support"] .list-group,
    body.whs-announcements-page .sidebar-secondary > .panel .list-group {
        grid-template-columns:1fr;
    }
}

@media (prefers-reduced-motion:reduce) {
    body.whs-announcements-page * { scroll-behavior:auto !important; transition:none !important; }
}