/*
Theme Name: DrawPulse
Author: Ritesh Kumar
Version: 1.0
Description: Daily Lottery Results Theme
Text Domain: drawpulse
*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    --blue:#0B4EA2;
    --blue-dark:#083C7C;
    --yellow:#FFD200;
    --red:#D62828;
    --green:#2E8B57;

    --bg:#f4f4f4;
    --white:#ffffff;
    --text:#222;
    --border:#dddddd;

}

body{

    background:var(--bg);
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;

}

a{

    text-decoration:none;

}

.dp-header{

    background:var(--blue);
    border-bottom:5px solid var(--yellow);

}

.dp-header-inner{

    width:1200px;
    max-width:95%;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:18px 0;

}

.dp-logo a{

    color:white;
    display:flex;
    flex-direction:column;

}

.dp-title{

    font-size:34px;
    font-weight:bold;
    letter-spacing:1px;

}

.dp-tagline{

    font-size:13px;
    color:#eeeeee;

}

.dp-menu ul{

    list-style:none;
    display:flex;
    gap:25px;

}

.dp-menu li{

    list-style:none;

}

.dp-menu a{

    color:white;
    font-weight:bold;
    font-size:15px;

}

.dp-menu a:hover{

    color:var(--yellow);

}

.dp-container{

    width:1200px;
    max-width:95%;
    margin:25px auto;

}

.dp-main{

    display:grid;

    grid-template-columns:3fr 1fr;

    gap:20px;

}

.dp-left,
.dp-right{

    display:flex;
    flex-direction:column;
    gap:20px;

}

.dp-card{

    background:white;

    border:1px solid #ddd;

    border-radius:6px;

    overflow:hidden;

}
/*
Theme Name: DrawPulse
Theme URI: https://drawpulse.in
Author: Ritesh Kumar
Description: DrawPulse - Daily Draw Result Theme
Version: 1.0
Requires at least: 6.5
Tested up to: 7.0
Text Domain: drawpulse
*/
.dp-container{
    max-width:1200px;
    margin:30px auto;
    padding:0 20px;
    }
    
    .dp-main{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
    }
    
    .dp-card{
    background:#fff;
    padding:20px;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    margin-bottom:20px;
    }
    
    .dp-card h2{
    margin-bottom:15px;
    color:#0B5ED7;
    }
    
    .dp-table{
    width:100%;
    border-collapse:collapse;
    }
    
    .dp-table th,
    .dp-table td{
    border:1px solid #ddd;
    padding:12px;
    text-align:left;
    }
    
    .dp-right input{
    width:100%;
    padding:10px;
    margin-bottom:10px;
    }
    
    .dp-right button{
    width:100%;
    padding:10px;
    background:#0B5ED7;
    color:#fff;
    border:none;
    cursor:pointer;
    }
    
    .dp-right button:hover{
    background:#094db3;
    }
    
    @media(max-width:768px){
    
    .dp-main{
    
    grid-template-columns:1fr;
    
    }
    
    }
    /* ========== Sambad Result Card ========== */

.dp-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #d7d7d7;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    padding:0;
    }
    
    .dp-card h2{
    margin:0;
    padding:15px 20px;
    background:#1f2d9c;
    color:#fff;
    font-size:30px;
    font-weight:700;
    }
    
    .dp-card p{
    padding:15px 20px;
    font-size:17px;
    }
    
    .dp-first-banner{
    
    background:#ffd400;
    
    margin:15px;
    
    padding:18px;
    
    border-radius:10px;
    
    text-align:center;
    
    border:4px solid #ffb300;
    
    }
    
    .dp-first-label{
    
    display:block;
    
    font-size:18px;
    
    font-weight:bold;
    
    color:#d40000;
    
    margin-bottom:10px;
    
    text-transform:uppercase;
    
    }
    
    .dp-first-number{
    
    display:block;
    
    font-size:48px;
    
    font-weight:bold;
    
    color:#1f2d9c;
    
    letter-spacing:3px;
    
    }
    
    .dp-prize-block{
    
    margin:15px;
    
    }
    
    .dp-tag-2nd{
    
    display:inline-block;
    
    background:#d62828;
    
    color:#fff;
    
    padding:7px 15px;
    
    font-weight:bold;
    
    border-radius:5px;
    
    margin-bottom:10px;
    
    }
    
    .dp-tag-3rd{
    
    display:inline-block;
    
    background:#0b8f43;
    
    color:#fff;
    
    padding:7px 15px;
    
    font-weight:bold;
    
    border-radius:5px;
    
    margin-bottom:10px;
    
    }
    
    .dp-chip-grid{
    
    display:flex;
    
    flex-wrap:wrap;
    
    gap:10px;
    
    }
    
    .dp-chip{
    
    background:#f5f5f5;
    
    border:1px solid #ddd;
    
    padding:8px 14px;
    
    border-radius:5px;
    
    font-weight:bold;
    
    font-size:18px;
    
    }
    
    .dp-waiting{
    
    padding:25px;
    
    font-size:22px;
    
    text-align:center;
    
    color:#666;
    
    }
    .dp-header{
        background:#1d57a6;
        border-bottom:4px solid #ffd200;
        padding:12px 0;
    }
    
    .dp-header-inner{
        max-width:1200px;
        margin:auto;
        padding:0 15px;
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    
    .dp-title{
        font-size:52px;
        font-weight:700;
        line-height:1;
    }
    
    .dp-tagline{
        font-size:18px;
        margin-top:4px;
    }
    
    .dp-menu ul{
        display:flex;
        gap:35px;
    }
    
    .dp-menu a{
        color:#fff;
        font-size:20px;
        font-weight:600;
    }
    .dp-history-table{
    width:100%;
    border-collapse:collapse;
    margin-top:15px;
}

.dp-history-table th{
    background:#1f3db8;
    color:#fff;
    padding:12px;
    text-align:left;
}

.dp-history-table td{
    padding:12px;
    border-bottom:1px solid #ddd;
}

.dp-history-table tr:hover{
    background:#f5f5f5;
}
/* Previous Results Table */

.dp-history-table{
    width:100%;
    border-collapse:collapse;
    margin-top:15px;
    background:#fff;
}

.dp-history-table th{
    background:#1e3a8a;
    color:#fff;
    padding:12px;
    text-align:left;
    font-weight:600;
}

.dp-history-table td{
    padding:12px;
    border-bottom:1px solid #e5e7eb;
}

.dp-history-table tr:nth-child(even){
    background:#f8fafc;
}

.dp-history-table tr:hover{
    background:#eef4ff;
}
.dp-view-btn{
display:inline-block;
padding:8px 16px;
background:#0d6efd;
color:#fff;
text-decoration:none;
border-radius:6px;
font-size:14px;
font-weight:600;
transition:.3s;
}

.dp-view-btn:hover{
background:#0b5ed7;
color:#fff;
}
.dp-nav-results{
display:flex;
justify-content:space-between;
align-items:center;
margin:40px 0;
gap:20px;
}

.dp-nav-results a{
display:inline-block;
padding:12px 20px;
background:#0d6efd;
color:#fff;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:.3s;
}

.dp-nav-results a:hover{
background:#0b5ed7;
color:#fff;
}
/* Footer */

.dp-footer{

background:#111;

color:#fff;

margin-top:50px;

}

.dp-footer-container{

max-width:1200px;

margin:auto;

padding:40px 20px;

display:flex;

justify-content:space-between;

align-items:flex-start;

flex-wrap:wrap;

gap:30px;

}

.dp-footer-logo h3{

margin-bottom:10px;

font-size:24px;

}

.dp-footer-logo p{

color:#bbb;

}

.dp-footer-links{

display:flex;

flex-direction:column;

gap:10px;

}

.dp-footer-links a{

color:#fff;

text-decoration:none;

transition:.3s;

}

.dp-footer-links a:hover{

color:#ffcc00;

}

.dp-footer-copy{

text-align:center;

padding:15px;

border-top:1px solid #333;

font-size:14px;

color:#aaa;

}

@media(max-width:768px){

.dp-footer-container{

flex-direction:column;

}

}
/* Hero Section */

.dp-hero{
background:linear-gradient(135deg,#0d6efd,#3b82f6);
padding:70px 20px;
text-align:center;
color:#fff;
margin-bottom:30px;
}

.dp-hero h1{
font-size:42px;
margin-bottom:15px;
font-weight:700;
}

.dp-hero p{
font-size:18px;
max-width:700px;
margin:0 auto 25px;
line-height:1.7;
}

.dp-hero-btn{
display:inline-block;
padding:14px 28px;
background:#fff;
color:#0d6efd;
text-decoration:none;
border-radius:8px;
font-weight:700;
transition:.3s;
}

.dp-hero-btn:hover{
background:#f3f3f3;
}
/* Notice Bar */

.dp-notice{

background:#ffcc00;

color:#222;

padding:12px 0;

font-weight:700;

font-size:16px;

margin-bottom:25px;

border-top:2px solid #e0b000;

border-bottom:2px solid #e0b000;

}

.dp-notice marquee{

padding:0 10px;

}


/* ===== DrawPulse Step 3 - Responsive Design ===== */
@media (max-width:900px){
.dp-header-inner{width:100%;max-width:100%;flex-direction:column;align-items:center;gap:16px;padding:14px 16px}
.dp-logo a{align-items:center;text-align:center}
.dp-title{font-size:38px}.dp-tagline{font-size:15px}
.dp-menu{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dp-menu ul{justify-content:center;gap:18px;min-width:max-content;padding:0 8px}
.dp-menu a{font-size:16px;white-space:nowrap}
.dp-container{width:100%;max-width:100%;padding:0 14px;margin:20px auto}
.dp-main{grid-template-columns:1fr}
.dp-hero{padding:50px 18px;margin-bottom:20px}.dp-hero h1{font-size:36px}.dp-hero p{font-size:16px;line-height:1.6}
.dp-card{max-width:100%}.dp-card h2{font-size:24px;padding:13px 16px}
.dp-first-number{font-size:40px;letter-spacing:2px;overflow-wrap:anywhere}
.dp-chip{font-size:16px;padding:7px 11px}
.dp-history-table th,.dp-history-table td{padding:10px}
.dp-view-btn{white-space:nowrap}.dp-nav-results{flex-wrap:wrap}
}
@media (max-width:600px){
.dp-header{padding:8px 0}.dp-title{font-size:32px}.dp-tagline{font-size:13px}
.dp-menu ul{justify-content:flex-start;gap:16px}.dp-menu a{font-size:15px}
.dp-notice{font-size:14px;margin-bottom:15px}
.dp-hero{padding:38px 15px}.dp-hero h1{font-size:30px;margin-bottom:10px}.dp-hero p{font-size:15px;margin-bottom:20px}
.dp-hero-btn{padding:12px 20px;font-size:14px}
.dp-container{padding:0 10px;margin:15px auto}.dp-left,.dp-right{gap:15px}
.dp-card{border-radius:9px;margin-bottom:15px}.dp-card h2{font-size:21px;padding:12px 14px}.dp-card p{padding:12px 14px;font-size:15px}
.dp-first-banner{margin:12px;padding:14px 10px;border-width:3px}.dp-first-label{font-size:15px}.dp-first-number{font-size:32px;letter-spacing:1px}
.dp-prize-block{margin:12px}.dp-chip-grid{gap:7px}.dp-chip{font-size:14px;padding:7px 9px}
.dp-history-table{font-size:14px}.dp-history-table th,.dp-history-table td{padding:9px}
.dp-view-btn{padding:7px 11px;font-size:13px}
.dp-right input,.dp-right button{font-size:16px}
.dp-footer-container{padding:30px 16px}
.dp-nav-results{flex-direction:column;align-items:stretch;gap:10px;margin:25px 0}.dp-nav-results a{text-align:center}
}


/* ===== DrawPulse Step 3 v2 - Mobile Width Fix ===== */
html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

.dp-header,
.dp-notice,
.dp-hero,
.dp-footer{
    width:100%;
    max-width:100%;
}

.dp-main,
.dp-left,
.dp-right,
.dp-card{
    min-width:0;
}

@media (max-width:900px){

    .dp-container{
        width:100%;
        max-width:100%;
        padding-left:12px;
        padding-right:12px;
        overflow:visible;
    }

    .dp-main{
        width:100%;
        max-width:100%;
        grid-template-columns:minmax(0,1fr);
    }

    .dp-left,
    .dp-right{
        width:100%;
        max-width:100%;
        min-width:0;
    }

    .dp-card{
        width:100%;
        max-width:100%;
        min-width:0;
    }

    .dp-hero{
        box-sizing:border-box;
    }
}

@media (max-width:600px){

    .dp-header-inner{
        width:100%;
        max-width:100%;
        padding-left:12px;
        padding-right:12px;
    }

    .dp-menu{
        max-width:100%;
    }

    .dp-first-banner,
    .dp-prize-block{
        max-width:calc(100% - 24px);
    }

    .dp-chip-grid{
        max-width:100%;
    }
}

/* ===== DrawPulse Today's Live Status - Compact v2 ===== */
.dp-live-wrap{
    width:900px;
    max-width:92%;
    padding:14px 16px 16px;
    margin:0 auto 26px;
    background:linear-gradient(135deg,#f7941d,#f36a16);
    border-radius:6px;
}
.dp-live-inner{
    width:100%;
    max-width:100%;
    margin:0 auto;
}
.dp-live-updated{
    color:#fff;
    font-size:14px;
    margin-bottom:10px;
    text-align:right;
}

.dp-live-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.dp-live-card{
    position:relative;
    min-height:82px;
    padding:12px 38px 12px 15px;
    border-radius:5px;
    background:#f7d7bf;
    border:1px solid rgba(122,55,12,.18);
    color:#56321e;
    box-shadow:0 2px 7px rgba(0,0,0,.13);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dp-live-card.is-result{
    background:#17469e;
    border-color:#17469e;
    color:#fff;
}

.dp-live-time{
    font-size:16px;
    font-weight:800;
    margin-bottom:5px;
}

.dp-live-state{
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    opacity:.82;
}

.dp-live-number,
.dp-live-countdown{
    margin-top:2px;
    font-size:20px;
    line-height:1.1;
    letter-spacing:.5px;
}

.dp-live-card.is-waiting .dp-live-countdown{
    color:#c94d08;
}

.dp-live-card.is-waiting .dp-live-passed{
    font-size:15px;
    letter-spacing:0;
}

.dp-live-arrow{
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    font-size:29px;
    line-height:1;
}

.dp-live-card.is-result:hover{
    transform:translateY(-1px);
    box-shadow:0 4px 10px rgba(0,0,0,.18);
}

@media(max-width:768px){
    .dp-live-wrap{
        padding:14px 10px 16px;
        margin-bottom:20px;
    }

    .dp-live-inner{
        width:100%;
        max-width:100%;
    }

    .dp-live-updated{
        text-align:left;
        font-size:13px;
        margin-bottom:8px;
    }

    .dp-live-grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .dp-live-card{
        min-height:76px;
        padding:11px 36px 11px 14px;
    }

    .dp-live-number,
    .dp-live-countdown{
        font-size:19px;
    }
}
/* ===================================
   LATEST RESULT PDF SECTION
=================================== */

.dp-latest-pdf{
    width:100%;
    padding:22px 15px;
}

.dp-latest-pdf-inner{
    width:900px;
    max-width:92%;
    margin:0 auto;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 15px rgba(0,0,0,.12);
}

.dp-latest-pdf-head{
    background:#2637a6;
    color:#fff;
    padding:15px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.dp-latest-pdf-head h2{
    margin:0;
    color:#fff;
    font-size:27px;
}

.dp-latest-pdf-head span{
    font-size:16px;
    font-weight:600;
}

.dp-latest-pdf-list{
    padding:8px 20px;
}

.dp-latest-pdf-row{
    min-height:55px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #e5e5e5;
}

.dp-latest-pdf-row:last-child{
    border-bottom:none;
}

.dp-latest-pdf-row strong{
    font-size:18px;
}

.dp-pdf-view-btn{
    background:#1268df;
    color:#fff !important;
    text-decoration:none;
    padding:8px 18px;
    border-radius:6px;
    font-weight:600;
}

.dp-pdf-view-btn:hover{
    background:#0b54bb;
}

.dp-pdf-waiting{
    color:#777;
    font-size:14px;
    font-weight:600;
}

/* Mobile */
@media(max-width:600px){

    .dp-latest-pdf{
        padding:15px 10px;
    }

    .dp-latest-pdf-inner{
        max-width:100%;
    }

    .dp-latest-pdf-head{
        padding:13px 15px;
    }

    .dp-latest-pdf-head h2{
        font-size:21px;
    }

    .dp-latest-pdf-head span{
        font-size:13px;
    }

    .dp-latest-pdf-list{
        padding:5px 15px;
    }
}
/* ===== DESKTOP PREVIOUS RESULTS FULL WIDTH FIX ===== */

@media (min-width: 769px) {

    .dp-main {
        display: block !important;
    }

    .dp-left {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    .dp-left .dp-card {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .dp-history-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }
}
/* ===== MOBILE HEADER MENU FIX ===== */
@media (max-width: 768px) {

    .dp-header-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 12px !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    .dp-logo {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 14px !important;
    }

    .dp-menu {
        width: 100% !important;
        overflow: visible !important;
    }

    .dp-menu ul {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px 16px !important;
    }

    .dp-menu li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .dp-menu a {
        display: block !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        padding: 5px 2px !important;
    }

}
/* ===== MOBILE HAMBURGER MENU ===== */

/* Desktop par hamburger hide */
.dp-menu-toggle {
    display: none;
}

@media (max-width: 768px) {

    .dp-header-inner {
        position: relative !important;
        padding: 16px 18px !important;
    }

    .dp-logo {
        margin-bottom: 0 !important;
        text-align: left !important;
        padding-right: 55px !important;
    }

    .dp-title {
        font-size: 32px !important;
    }

    /* Hamburger button */
    .dp-menu-toggle {
        display: block !important;
        position: absolute !important;
        right: 18px !important;
        top: 22px !important;

        background: transparent !important;
        border: 0 !important;
        color: #fff !important;

        font-size: 32px !important;
        line-height: 1 !important;
        padding: 5px !important;
        cursor: pointer !important;
    }

    /* Menu default CLOSED */
    .dp-menu {
        display: none !important;
        width: 100% !important;
        margin-top: 18px !important;
    }

    /* Menu OPEN */
    .dp-menu.dp-menu-open {
        display: block !important;
    }

    .dp-menu ul {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .dp-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        border-top: 1px solid rgba(255,255,255,.20);
    }

    .dp-menu a {
        display: block !important;
        width: 100% !important;
        padding: 12px 5px !important;
        font-size: 16px !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
}
/* =========================================
   DRAWPULSE CONTENT PAGES
   About / Privacy / Disclaimer
========================================= */

.dp-page-content {
    max-width: 1200px;
    margin: 35px auto;
    padding: 30px 35px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    box-sizing: border-box;
}

.dp-page-content h1 {
    margin: 0 0 25px;
    font-size: 36px;
    line-height: 1.2;
}

.dp-page-content h2 {
    margin: 30px 0 12px;
    padding: 12px 18px;
    font-size: 25px;
    line-height: 1.3;
    background: #2839a8;
    color: #ffffff;
    border-radius: 6px;
}

.dp-page-content h3 {
    margin: 25px 0 10px;
    font-size: 21px;
}

.dp-page-content p {
    margin: 0 0 20px;
    line-height: 1.65;
    font-size: 17px;
}

.dp-page-content ul,
.dp-page-content ol {
    margin: 10px 0 22px;
    padding-left: 28px;
}

.dp-page-content li {
    margin-bottom: 8px;
    line-height: 1.5;
}

/* Mobile */
@media (max-width: 768px) {

    .dp-page-content {
        margin: 20px 12px;
        padding: 22px 18px;
        border-radius: 10px;
    }

    .dp-page-content h1 {
        font-size: 29px;
    }

    .dp-page-content h2 {
        font-size: 21px;
        padding: 10px 13px;
    }

    .dp-page-content h3 {
        font-size: 19px;
    }

    .dp-page-content p,
    .dp-page-content li {
        font-size: 16px;
    }
}
/* ===== NORMAL PAGE TITLE ===== */

.dp-page-title {
    background: #2839a8;
    color: #ffffff !important;
    padding: 18px 22px;
    margin: 0 0 20px 0 !important;
    font-size: 32px;
    font-weight: 700;
    border-radius: 12px 12px 0 0;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .dp-page-title {
        font-size: 25px;
        padding: 15px 18px;
    }
}
/* ===== PRIVACY / NORMAL PAGE CONTENT SPACING ===== */

.dp-card .dp-section-title {
    margin: 26px 0 16px 0 !important;
    padding: 16px 22px !important;
    background: #2839a8;
    color: #fff !important;
    font-size: 28px;
    font-weight: 700;
    border-radius: 0;
}

.dp-card > p {
    margin: 20px 22px !important;
    line-height: 1.7;
}

.dp-card > ul {
    margin: 12px 45px 24px !important;
    padding-left: 20px !important;
}

.dp-card > ul li {
    margin-bottom: 9px !important;
    line-height: 1.5;
}

.dp-effective-date {
    margin-top: 28px !important;
}

/* Mobile */
@media (max-width: 768px) {
    .dp-card .dp-section-title {
        font-size: 22px;
        padding: 13px 16px !important;
    }

    .dp-card > p {
        margin: 16px !important;
    }

    .dp-card > ul {
        margin: 10px 28px 20px 35px !important;
    }
}
/* ===== SCHEDULE TABLE MOBILE FIX ===== */

@media (max-width: 768px) {

    .dp-schedule-table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    .dp-schedule-table th,
    .dp-schedule-table td {
        width: 50% !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .dp-schedule-table th:first-child,
    .dp-schedule-table td:first-child {
        width: 50% !important;
    }

    .dp-schedule-table th:nth-child(2),
    .dp-schedule-table td:nth-child(2) {
        width: 50% !important;
    }
}

/* ===== PREVIOUS RESULTS - PERMANENT MOBILE SWIPE FIX =====
   Heading + swipe hint stay fixed.
   ONLY the table area scrolls horizontally.
========================================================== */

.dp-previous-card{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow:hidden;
}

.dp-previous-card .dp-swipe-hint{
    display:none;
}

.dp-previous-card .dp-table-scroll{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}

.dp-previous-card .dp-previous-table{
    border-collapse:collapse;
}

@media (max-width:768px){

    .dp-previous-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .dp-previous-card > h2{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
        position:relative !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
    }

    .dp-previous-card > .dp-swipe-hint{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:8px 10px !important;
        box-sizing:border-box !important;
        text-align:center !important;
        font-size:13px !important;
        line-height:1.35 !important;
        font-weight:600 !important;
        color:#334155 !important;
        background:#f3f5ff !important;
        border-bottom:1px solid #e5e7eb !important;
        white-space:normal !important;
        overflow:hidden !important;
    }

    /* This is the ONLY horizontal scrolling element. */
    .dp-previous-card > .dp-table-scroll{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        overscroll-behavior-x:contain;
        box-sizing:border-box !important;
        position:relative !important;
    }

    .dp-previous-card .dp-history-table.dp-previous-table{
        display:table !important;
        width:850px !important;
        min-width:850px !important;
        max-width:none !important;
        margin:0 !important;
        table-layout:auto !important;
        border-collapse:collapse !important;
        white-space:normal !important;
        overflow:visible !important;
    }

    .dp-previous-table th,
    .dp-previous-table td{
        box-sizing:border-box !important;
        vertical-align:middle !important;
    }

    .dp-previous-table th{
        white-space:nowrap !important;
    }

    .dp-previous-table th:nth-child(1),
    .dp-previous-table td:nth-child(1){
        min-width:105px !important;
        white-space:nowrap !important;
    }

    .dp-previous-table th:nth-child(2),
    .dp-previous-table td:nth-child(2){
        min-width:70px !important;
        white-space:nowrap !important;
    }

    .dp-previous-table th:nth-child(3),
    .dp-previous-table td:nth-child(3){
        min-width:70px !important;
        white-space:nowrap !important;
    }

    .dp-previous-table th:nth-child(4),
    .dp-previous-table td:nth-child(4){
        min-width:95px !important;
        white-space:nowrap !important;
    }

    .dp-previous-table th:nth-child(5),
    .dp-previous-table td:nth-child(5){
        min-width:170px !important;
    }

    .dp-previous-table th:nth-child(6),
    .dp-previous-table td:nth-child(6){
        min-width:190px !important;
    }

    .dp-previous-table th:nth-child(7),
    .dp-previous-table td:nth-child(7){
        min-width:115px !important;
        white-space:nowrap !important;
    }

    /* Schedule table must remain normal and must not inherit previous-result width. */
    .dp-history-table.dp-schedule-table{
        display:table !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:fixed !important;
        white-space:normal !important;
    }
}

/* ===== PREVIOUS RESULTS - STABLE MOBILE SWIPE FIX ===== */

.dp-previous-card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.dp-table-scroll {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.dp-swipe-hint {
    display: none;
}

.dp-history-table.dp-previous-table {
    width: 100%;
    border-collapse: collapse;
}

@media (max-width: 768px) {

    /* Card and blue heading stay fixed */
    .dp-previous-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .dp-previous-card > h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Helpful swipe message stays fixed below heading */
    .dp-previous-card > .dp-swipe-hint {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #334155 !important;
        background: #f3f5ff !important;
        border-bottom: 1px solid #e5e7eb !important;
        white-space: normal !important;
    }

    /* ONLY the table area scrolls horizontally */
    .dp-previous-card > .dp-table-scroll {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain;
        box-sizing: border-box !important;
    }

    .dp-previous-card .dp-previous-table {
        display: table !important;
        width: 850px !important;
        min-width: 850px !important;
        max-width: none !important;
        margin: 0 !important;
        table-layout: auto !important;
        border-collapse: collapse !important;
        white-space: normal !important;
    }

    .dp-previous-table th,
    .dp-previous-table td {
        box-sizing: border-box !important;
        vertical-align: middle !important;
    }

    .dp-previous-table th {
        white-space: nowrap !important;
    }

    .dp-previous-table th:nth-child(1),
    .dp-previous-table td:nth-child(1) { min-width: 105px !important; white-space: nowrap !important; }

    .dp-previous-table th:nth-child(2),
    .dp-previous-table td:nth-child(2) { min-width: 70px !important; white-space: nowrap !important; }

    .dp-previous-table th:nth-child(3),
    .dp-previous-table td:nth-child(3) { min-width: 70px !important; white-space: nowrap !important; }

    .dp-previous-table th:nth-child(4),
    .dp-previous-table td:nth-child(4) { min-width: 95px !important; white-space: nowrap !important; }

    .dp-previous-table th:nth-child(5),
    .dp-previous-table td:nth-child(5) { min-width: 170px !important; }

    .dp-previous-table th:nth-child(6),
    .dp-previous-table td:nth-child(6) { min-width: 190px !important; }

    .dp-previous-table th:nth-child(7),
    .dp-previous-table td:nth-child(7) { min-width: 115px !important; white-space: nowrap !important; }

    /* Prevent the generic history-table rule from making Schedule wide */
    .dp-history-table.dp-schedule-table {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        white-space: normal !important;
    }
}

/* ===== DRAW RESULT PDF PREVIEW - TRANSPARENT ===== */

.dp-draw-pdf {
    width: 100%;
    max-width: 100%;
    margin: 18px 0 35px 0;
    padding: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

.dp-draw-pdf-title {
    margin: 0 0 10px 0;
    padding: 0;
    background: transparent !important;
    border: none !important;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

/* PDF preview */
.dp-draw-pdf-preview {
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dp-draw-pdf-preview iframe {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
}

/* View Full Result */
.dp-full-result-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 11px 24px;
    background: #0d6efd;
    color: #fff !important;
    text-decoration: none !important;
    border: none;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 700;
}

.dp-full-result-btn:hover {
    background: #0b5ed7;
    color: #fff !important;
}

/* MOBILE */
@media (max-width: 768px) {

    .dp-draw-pdf {
        margin-top: 14px;
        margin-bottom: 28px;
    }

    .dp-draw-pdf-title {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .dp-draw-pdf-preview {
        width: 100%;
        height: 420px;
    }

    .dp-full-result-btn {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
}
/* ===== DRAW PDF - SAMBAD STYLE ===== */

.dp-draw-pdf {
    width: 100%;
    max-width: 780px;
    margin: 35px auto 45px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.dp-draw-pdf-preview {
    position: relative;
    width: 100%;
    height: 730px;
    overflow: hidden;
    border-radius: 16px;
    background: transparent;
}

.dp-draw-pdf-preview img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Dark transparent fade at bottom */
.dp-pdf-bottom-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(25, 31, 110, 0),
        rgba(25, 31, 110, 0.82)
    );
}

/* Yellow View Full Results button */
.dp-full-result-btn {
    position: absolute !important;
    left: 50% !important;
    bottom: 20px !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px;

    width: 300px;
    max-width: calc(100% - 40px);
    min-height: 54px;

    padding: 12px 22px !important;

    background: #ffd900 !important;
    color: #101d80 !important;

    border: 0 !important;
    border-radius: 30px !important;

    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    z-index: 5;
}

.dp-full-result-btn span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;
    border-radius: 50%;

    background: #29349a;
    color: #fff;

    font-size: 18px;
    line-height: 1;
}

/* Mobile */
@media (max-width: 768px) {

    .dp-draw-pdf {
        width: calc(100% - 20px);
        max-width: 100%;
        margin: 22px auto 30px;
    }

    .dp-draw-pdf-preview {
        height: 500px;
        border-radius: 12px;
    }

    .dp-full-result-btn {
        width: 250px;
        min-height: 48px;
        bottom: 14px !important;
        font-size: 16px !important;
    }

    .dp-pdf-bottom-fade {
        height: 120px;
    }
}
/* ===== FINAL PDF SIZE FIX ===== */

.dp-draw-pdf {
    width: 100% !important;
    max-width: 770px !important;
    margin: 30px auto 45px !important;
}

.dp-draw-pdf-preview {
    width: 100% !important;
    height: 650px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* PDF preview image */
.dp-draw-pdf-preview img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Button slightly smaller like reference */
.dp-full-result-btn {
    width: 300px !important;
    min-height: 52px !important;
    bottom: 20px !important;
    font-size: 18px !important;
}


/* MOBILE */
@media (max-width: 768px) {

    .dp-draw-pdf {
        width: calc(100% - 24px) !important;
        max-width: 100% !important;
        margin: 22px auto 30px !important;
    }

    .dp-draw-pdf-preview {
        height: 440px !important;
        border-radius: 12px !important;
    }

    .dp-full-result-btn {
        width: 250px !important;
        min-height: 48px !important;
        font-size: 16px !important;
        bottom: 14px !important;
    }
}

/* FINAL SMALL ALIGNMENT */

.dp-draw-pdf {
    margin-bottom: 25px !important;
}

.dp-draw-pdf-preview {
    height: 620px !important;
}

@media (max-width: 768px) {
    .dp-draw-pdf-preview {
        height: 420px !important;
    }

    .dp-draw-pdf {
        margin-bottom: 20px !important;
    }
}

/* ===== Prize Numbers Final 5 x 2 Layout ===== */

.dp-chip-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 90px) !important;
    gap: 10px !important;
    justify-content: start !important;
}

.dp-chip {
    width: 90px !important;
    min-width: 90px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 600px) {

    .dp-chip-grid {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 5px !important;
        width: 100% !important;
    }

    .dp-chip {
        width: 100% !important;
        min-width: 0 !important;
        padding: 8px 2px !important;
        font-size: 13px !important;
    }
}
/* Draw cards width - desktop only */
@media (min-width: 769px) {
    .dp-left > .dp-card {
        width: 90% !important;
        max-width: 1150px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}

/* Draw Card - State Lotteries Logo */
.dp-card {
    position: relative;
}

.dp-draw-logo {
    position: absolute;
    right: 70px;
    bottom: 35px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 20px;
    z-index: 999;
}

.dp-draw-logo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Mobile */
@media (max-width: 768px) {
    .dp-draw-logo {
        display: none;
    }
}

.dp-draw-logo {
    display: block !important;
    position: absolute !important;
    right: 40px !important;
    bottom: 40px !important;
    width: 500px !important;
    height: 250px !important;
    z-index: 99999 !important;
}

.dp-draw-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Draw Logo - Mobile */
@media (max-width: 768px) {

    .dp-draw-logo {
        display: flex !important;
        position: relative !important;

        width: 250px !important;
        height: 125px !important;

        right: auto !important;
        bottom: auto !important;

        margin: -8px auto 0 !important;

        align-items: center;
        justify-content: center;

        z-index: 1 !important;
    }

    .dp-draw-logo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}
/* Terms & Conditions - content alignment */
body.page-id-137 .entry-content h2,
body.page-id-137 .entry-content h3,
body.page-id-137 .entry-content p,
body.page-id-137 .entry-content ul,
body.page-id-137 .entry-content ol {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* Terms & Conditions headings alignment */
body.page-id-137 .entry-content h2,
body.page-id-137 .entry-content h3 {
    margin-left: 24px !important;
}

/* ===== RESULT PREVIOUS / NEXT BUTTONS MOBILE FIX ===== */

@media (max-width: 600px){

    .dp-nav-results{
        display:flex !important;
        flex-direction:row !important;
        justify-content:space-between !important;
        align-items:center !important;
        gap:10px !important;
        width:100% !important;
        margin:25px 0 !important;
    }

    .dp-nav-results .dp-prev,
    .dp-nav-results .dp-next{
        width:auto !important;
        flex:1 !important;
    }

    .dp-nav-results .dp-prev a,
    .dp-nav-results .dp-next a{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
        text-align:center !important;
        padding:11px 8px !important;
        font-size:15px !important;
        white-space:nowrap !important;
    }

}