* ===================================================================
   | BEGIN | POKER1 CONTROL PANEL — FINALIZED WITH TRUE OUTER WRAPPERS
   =================================================================== */


/* ============================================================
   1. TRUE OUTER CONTAINER OVERRIDES
   (These are the real width enforcers in Twenty Fifteen)
   ============================================================ */

.site,
.site-inner,
.site-content {
    width: 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}


/* ============================================================
   2A. INNER CONTENT WIDTHS (Posts + Pages + Home)
   ============================================================ */

.content-area,
.site-main,
.hentry,
.entry-content {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* ============================================================
   2B. OUTER DESKTOP WIDTH OVERRIDE (Twenty Fifteen breakpoint)
   ============================================================ */
    @media screen and (min-width: 59.6875em) {

    .content-area,
    .site-main,
    .hentry,
    .entry-content {
        width: 100% !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

/* ============================================================
   2C. OUTER CONTENT WIDTH OVERRIDE (Shortcode + Pages + Posts)
   ============================================================ */
@media screen and (min-width: 59.6875em) {
    .site-content {
        width: 100% !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

/* ============================================================
   2D. OUTER OUTER WIDTH OVERRIDE (.site container)
   ============================================================ */
@media screen and (min-width: 59.6875em) {
    .site {
        width: 100% !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

/* ============================================================
   2E. OUTER INNER WIDTH OVERRIDE (.site-inner)
   ============================================================ */
@media screen and (min-width: 59.6875em) {
    .site-inner {
        width: 100% !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

/* ============================================================
   3. TITLE CENTERING
   ============================================================ */

.entry-header .entry-title {
    text-align: center;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
}


/* ============================================================
   4. FIXED UTILITY BAR (Centered at 960px)
   ============================================================ */

.p1-utility-bar {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 960px;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
}

/* Push content down so it doesn’t hide under the bar */
body {
    padding-top: 48px;
}


/* ============================================================
   5. HEADER IMAGE — FIXED DESKTOP, RESPONSIVE MOBILE
   ============================================================ */

.site-header img {
    display: block;
    margin: 0 auto;
    max-width: none;
}

@media (max-width: 700px) {
    .site-header img {
        max-width: 100%;
        height: auto;
    }
}


/* ============================================================
   6. FOOTER ALIGNMENT
   ============================================================ */

.site-footer {
    max-width: 960px;
    margin: 40px auto 20px auto;
    padding: 20px;
    text-align: center;
}

/* ============================
   7. P1 INDEX (PHP VERSION)
   ============================ */
   
.p1-index-wrapper {
    display: flex;
    gap: 30px;
    margin-top: 20px;
}

/* LEFT PANEL — CATEGORY TREE */
.p1-index-left {
    width: 28%;
    max-width: 320px;
}

.p1-index-tree,
.p1-index-tree ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.p1-index-cat {
    margin: 4px 0;
}

.p1-index-cat > a {
    text-decoration: none;
    color: #333;
}

.p1-index-cat.p1-selected-cat > a {
    font-weight: bold;
    color: #000;
}

.p1-index-cat ul {
    margin-left: 18px;
    border-left: 1px solid #ddd;
    padding-left: 12px;
}

/* RIGHT PANEL — RESULTS */
.p1-index-right {
    width: 72%;
}

.p1-index-sort {
    margin-bottom: 15px;
    font-size: 0.95em;
}

.p1-index-sort a {
    text-decoration: none;
    margin-right: 10px;
}

.p1-index-post {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.p1-index-post-title a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.p1-index-post-excerpt {
    margin-top: 6px;
    color: #444;
}

.p1-index-post-cats {
    margin-top: 8px;
    font-size: 0.9em;
    color: #666;
}

.p1-index-post-cats a {
    text-decoration: none;
}

/* PAGINATION */
.p1-index-pagination {
    margin-top: 20px;
}

/* FORCE P1 INDEX LAYOUT TO OVERRIDE THEME */
.p1-index-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
}

.p1-index-left {
    width: 28% !important;
    max-width: none !important;
    flex-shrink: 0;
}

.p1-index-right {
    width: 72% !important;
}

.p1-index-pagination a {
    display: inline-block !important;
    margin-right: 8px;
}

/*
@media screen and (min-width: 59.6875em) {
    .site-content {
        width: 100% !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 59.6875em) {
    .content-area {
        width: 100% !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 59.6875em) {
    .entry-content {
        width: 100% !important;
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}
*/

.p1-index-wrapper {
    width: 100% !important;
    max-width: 960px !important;
    margin: 0 auto !important;
}

/* === CONTROL PANEL OVERRIDES === */

@media screen and (min-width: 59.6875em) {
    .site-content,
    .site-main {
        float: none !important;
        margin-left: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
    }
}

@media screen and (min-width: 59.6875em) {
    .sidebar {
        float: none !important;
        margin-right: 0 !important;
        width: auto !important;
        max-width: none !important;
        position: static !important;
        display: none !important;
    }
}

/* ====================================================================
| END | POKER1 CONTROL PANEL
==================================================================== */

/* FINAL WIDTH NORMALIZATION — OVERRIDES ALL EARLIER WIDTH RULES */
.page .entry-content,
.page .hentry,
.page .site-main,
.page .site-content,
.single .entry-content,
.single .hentry,
.single .site-main,
.single .site-content {
    max-width: 960px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* FINAL OUTER WRAPPER OVERRIDE */
#page,
.site,
.site-inner,
.site-content,
.content-area {
    width: 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* DISABLE TWENTY FIFTEEN SIDEBAR LAYOUT */
body:before {
    display: none !important;
}

#page {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 960px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative !important;
    left: 0 !important;
    transform: none !important;
}

@media screen and (min-width: 59.6875em) {
    .site {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;          /* no centering */
        padding: 0 !important;         /* optional, if you want it tight */
    }
}