.pdre-wrap,

.pdre-create-wrap{

    width:100%;

    box-sizing:border-box;

    font-family:inherit;

    color:#fff;

}



.pdre-main-toggle{

    width:100%;

    min-height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border:1px solid #ff6500;

    border-radius:15px;

    padding:12px 17px;

    cursor:pointer;

    color:#fff;

    font-size:15px;

    font-weight:900;

    background:

        linear-gradient(

            180deg,

            #522106 0%,

            #281006 47%,

            #141419 50%,

            #1b1a20 100%

        );

    box-shadow:

        0 5px 0 #682100,

        0 0 14px rgba(255,92,0,.32),

        inset 0 1px 0 rgba(255,255,255,.18);

    text-shadow:

        0 1px 3px #000;

    transition:.18s;

}



.pdre-main-toggle:hover{

    transform:translateY(-1px);

    box-shadow:

        0 6px 0 #682100,

        0 0 20px rgba(255,92,0,.48),

        inset 0 1px 0 rgba(255,255,255,.20);

}



.pdre-main-arrow{

    margin-left:auto;

    color:#ff7200;

    transition:.2s;

}



.pdre-wrap.is-open

.pdre-main-arrow{

    transform:rotate(180deg);

}



.pdre-panel{

    display:none;

    margin-top:12px;

    padding:10px;

    border:1px solid #a94300;

    border-radius:18px;

    background:

        radial-gradient(

            circle at 50% 0,

            rgba(255,90,0,.12),

            transparent 40%

        ),

        linear-gradient(

            180deg,

            rgba(18,18,21,.98),

            rgba(4,4,6,.99)

        );

    box-shadow:

        0 14px 35px rgba(0,0,0,.55),

        inset 0 0 28px rgba(255,90,0,.04);

}



.pdre-event{

    margin:8px 0;

    overflow:hidden;

    border:1px solid rgba(255,94,0,.70);

    border-radius:14px;

    background:

        linear-gradient(

            180deg,

            #19191e,

            #09090c

        );

    box-shadow:

        0 7px 18px rgba(0,0,0,.45),

        inset 0 1px 0 rgba(255,255,255,.05);

}



.pdre-event-summary{

    width:100%;

    min-height:65px;

    display:flex;

    align-items:center;

    gap:12px;

    border:0;

    padding:10px;

    color:#fff;

    background:transparent;

    cursor:pointer;

    text-align:left;

}



.pdre-event-date{

    min-width:88px;

    padding:8px 7px;

    border-radius:10px;

    text-align:center;

    font-size:12px;

    font-weight:900;

    background:

        linear-gradient(

            180deg,

            #ff7b00,

            #9e3100

        );

    box-shadow:

        0 4px 9px rgba(0,0,0,.45),

        inset 0 1px 0 rgba(255,255,255,.35);

}



.pdre-event-title{

    display:flex;

    flex:1;

    flex-direction:column;

    gap:4px;

}



.pdre-event-title strong{

    color:#fff;

    font-size:15px;

}



.pdre-event-title span{

    color:#bbb;

    font-size:12px;

}



.pdre-open-arrow{

    color:#ff6b00;

    font-size:29px;

    font-weight:900;

    transition:.2s;

}



.pdre-event.is-open

.pdre-open-arrow{

    transform:rotate(90deg);

}



.pdre-event-detail{

    display:none;

    padding:15px;

    border-top:1px solid rgba(255,100,0,.30);

}



.pdre-event-image{

    text-align:center;

    margin:0 0 15px;

}



.pdre-event-image img{

    width:auto;

    max-width:260px;

    max-height:190px;

    object-fit:cover;

    cursor:zoom-in;

    border:1px solid #ff6400;

    border-radius:14px;

    box-shadow:

        0 9px 25px rgba(0,0,0,.65),

        0 0 17px rgba(255,93,0,.22);

}



.pdre-description{

    line-height:1.55;

    color:#eee;

}



.pdre-info-grid{

    display:grid;

    grid-template-columns:

        repeat(2,minmax(0,1fr));

    gap:8px;

    margin:14px 0;

}



.pdre-info-grid > div{

    padding:10px;

    border:1px solid rgba(255,95,0,.23);

    border-radius:10px;

    background:#111116;

}



.pdre-info-grid b,

.pdre-info-grid span{

    display:block;

}



.pdre-info-grid span{

    margin-top:4px;

    color:#d2d2d2;

}



.pdre-rsvp-title{

    margin:17px 0 7px;

    font-weight:900;

}



.pdre-rsvp{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

}



.pdre-rsvp button{

    flex:1;

    min-width:125px;

    padding:10px;

    border:1px solid #ff6500;

    border-radius:10px;

    background:

        linear-gradient(

            180deg,

            #24242a,

            #121216

        );

    color:#fff;

    font-weight:800;

    cursor:pointer;

}



.pdre-rsvp button:hover,

.pdre-rsvp button.is-active{

    background:

        linear-gradient(

            180deg,

            #ff7900,

            #a83b00

        );

    box-shadow:

        0 0 13px rgba(255,95,0,.4);

}



.pdre-counts{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin:12px 0;

    color:#ddd;

    font-size:12px;

}



.pdre-login-note{

    margin-top:13px;

    padding:10px;

    border-radius:9px;

    color:#ccc;

    background:#101014;

}



.pdre-ticket-toggle,

.pdre-submit-event{

    width:100%;

    margin-top:10px;

    padding:12px;

    border:1px solid #ff6a00;

    border-radius:11px;

    background:

        linear-gradient(

            180deg,

            #f47400,

            #9c3100

        );

    color:#fff;

    font-weight:900;

    cursor:pointer;

    box-shadow:

        0 4px 0 #682200,

        0 0 12px rgba(255,90,0,.22);

}



.pdre-ticket-panel{

    display:none;

    margin-top:13px;

    padding:12px;

    border:1px solid rgba(255,100,0,.35);

    border-radius:12px;

    background:#0c0c10;

}



.pdre-create-wrap{

    padding:16px;

    border:1px solid #ff6500;

    border-radius:17px;

    background:

        radial-gradient(

            circle at top,

            rgba(255,93,0,.12),

            transparent 42%

        ),

        linear-gradient(

            180deg,

            #16161b,

            #070709

        );

    box-shadow:

        0 14px 35px rgba(0,0,0,.5),

        0 0 16px rgba(255,95,0,.16);

}



.pdre-create-head{

    margin-bottom:15px;

    padding:11px;

    border-radius:11px;

    text-align:center;

    font-weight:900;

    font-size:17px;

    background:

        linear-gradient(

            180deg,

            #4c1d05,

            #181217

        );

    border:1px solid #ff6200;

}



.pdre-create-form label{

    display:block;

    margin:11px 0 5px;

    color:#eee;

    font-weight:800;

}



.pdre-create-form input[type="text"],

.pdre-create-form input[type="datetime-local"],

.pdre-create-form textarea{

    box-sizing:border-box;

    width:100%;

    padding:11px;

    border:1px solid #673313;

    border-radius:9px;

    outline:none;

    background:#111116;

    color:#fff;

}



.pdre-create-form input:focus,

.pdre-create-form textarea:focus{

    border-color:#ff6b00;

    box-shadow:

        0 0 0 2px rgba(255,100,0,.15);

}



.pdre-form-grid{

    display:grid;

    grid-template-columns:

        repeat(2,minmax(0,1fr));

    gap:10px;

}



.pdre-file-help{

    margin-top:5px;

    color:#aaa;

    font-size:11px;

}



.pdre-create-message{

    margin-top:13px;

    font-weight:800;

}



.pdre-create-access{

    padding:16px;

    border:1px solid #b64700;

    border-radius:13px;

    background:#111116;

    color:#ddd;

}



.pdre-empty{

    padding:16px;

    text-align:center;

    color:#aaa;

}



.pdre-lightbox{

    position:fixed;

    z-index:2147483647;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

    padding:25px;

    background:rgba(0,0,0,.93);

}



.pdre-lightbox img{

    max-width:95vw;

    max-height:90vh;

    border:1px solid #ff6200;

    border-radius:14px;

    box-shadow:

        0 0 35px rgba(255,95,0,.35);

}



.pdre-lightbox-close{

    position:absolute;

    top:18px;

    right:22px;

    width:44px;

    height:44px;

    border:1px solid #ff6500;

    border-radius:50%;

    background:#111;

    color:#fff;

    font-size:28px;

    cursor:pointer;

}



@media(max-width:700px){



    .pdre-event-date{

        min-width:72px;

        font-size:10px;

    }



    .pdre-info-grid,

    .pdre-form-grid{

        grid-template-columns:1fr;

    }



    .pdre-event-title strong{

        font-size:13px;

    }



    .pdre-event-image img{

        max-width:100%;

    }

}






/* ==========================================================

   PDR ESEMÉNYEK 0.2.1 – stabil frontend

   ========================================================== */



.pdre-main-toggle{

    position:relative;

    text-align:center !important;

    justify-content:center !important;

}



.pdre-main-arrow{

    position:absolute;

    right:16px;

    margin-left:0 !important;

}



.pdre-booking-toggle{

    width:100%;

    margin-top:12px;

    padding:11px 14px;

    border:1px solid #ff6500;

    border-radius:12px;

    cursor:pointer;

    color:#fff;

    font-weight:900;

    text-align:center;

    background:

        linear-gradient(

            180deg,

            #63300c 0%,

            #2b1609 48%,

            #111116 100%

        );

    box-shadow:

        0 4px 0 #682200,

        0 0 12px rgba(255,90,0,.22);

    text-shadow:0 1px 3px #000;

}



.pdre-booking-toggle:hover{

    transform:translateY(-1px);

    box-shadow:

        0 5px 0 #682200,

        0 0 18px rgba(255,90,0,.40);

}



.pdre-booking-panel{

    display:none;

    margin-top:13px;

    padding:12px;

    border:1px solid rgba(255,100,0,.35);

    border-radius:12px;

    background:#0c0c10;

}








/* ==========================================================

   PDR ESEMÉNYEK 0.2.4 – stabil nyitott állapot

   ========================================================== */
























/* ==========================================================

   PDR RSVP PROFILKÉPEK

   ========================================================== */



.pdre-attendees-box{

    margin-top:13px;

    padding-top:11px;

    border-top:1px solid rgba(255,100,0,.25);

}



.pdre-attendee-group{

    margin:9px 0;

}



.pdre-attendee-label{

    margin-bottom:6px;

    color:#ddd;

    font-size:12px;

    font-weight:900;

}



.pdre-attendee-faces{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:7px;

}



.pdre-attendee-person,

.pdre-guest-person{

    display:inline-flex;

    align-items:center;

    gap:5px;

    padding:3px 7px 3px 3px;

    border:1px solid rgba(255,100,0,.42);

    border-radius:999px;

    background:#101014;

    color:#fff !important;

    font-size:11px;

    font-weight:800;

    text-decoration:none !important;

}



.pdre-attendee-person:hover{

    border-color:#ff6500;

    box-shadow:

        0 0 10px rgba(255,95,0,.28);

}



.pdre-attendee-avatar{

    width:38px !important;

    height:38px !important;

    min-width:38px;

    object-fit:cover;

    border-radius:50% !important;

    border:2px solid #ff6500;

    box-shadow:

        0 0 8px rgba(255,100,0,.35);

}



.pdre-guest-avatar{

    display:flex;

    width:34px;

    height:34px;

    min-width:34px;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:2px solid #888;

    background:

        linear-gradient(

            180deg,

            #444,

            #1b1b1f

        );

    color:#fff;

    font-weight:900;

}



.pdre-going

.pdre-attendee-avatar{

    border-color:#38dc67;

}



.pdre-maybe

.pdre-attendee-avatar{

    border-color:#ffb52e;

}



.pdre-not-going

.pdre-attendee-avatar{

    border-color:#ff4c4c;

}



.pdre-guest-group{

    margin-top:12px;

    padding-top:9px;

    border-top:

        1px dashed

        rgba(255,255,255,.12);

}



.pdre-attendee-empty{

    color:#777;

    font-size:11px;

}



@media(max-width:600px){



    .pdre-attendee-person,

    .pdre-guest-person{

        padding-right:5px;

    }



    .pdre-attendee-avatar{

        width:34px !important;

        height:34px !important;

        min-width:34px;

    }



}






/* ==========================================================

   PDR ESEMÉNYEK – FŐ LENYÍLÓ GOMB SZÉLESSÉG FINOMÍTÁS

   ========================================================== */



.pdre-wrap{

    max-width: 980px;

    margin-left: auto;

    margin-right: auto;

}



.pdre-main-toggle{

    width: min(100%, 760px) !important;

    max-width: 860px !important;

    margin: 0 auto 12px auto !important;

    display: flex !important;

    align-items: center;

    justify-content: center;

    text-align: center;

}



@media (max-width: 900px){

    .pdre-main-toggle{

        width: 100% !important;

        max-width: 100% !important;

    }

}








/* ==========================================================

   PDR ESEMÉNY – FORMÁZOTT LEÍRÁS

   ========================================================== */



.pdre-event-detail p{

    line-height:1.55;

}



.pdre-event-detail p:first-child{

    margin-top:0;

}



.pdre-event-detail p:last-child{

    margin-bottom:0;

}



.pdre-event-detail h2,

.pdre-event-detail h3,

.pdre-event-detail h4{

    color:#fff;

    line-height:1.25;

}



.pdre-event-detail a{

    color:#ff7a22;

}



/* PDR_EVENTS_WIDTH_MATCH_GAMES_297B */



/* A PDR Jatekok gomb 760px maximalis szelessegehez igazitva. */

.pdre-wrap > .pdre-main-toggle,

.pdre-wrap .pdre-main-toggle {

    box-sizing: border-box !important;

    width: min(760px, 100%) !important;

    max-width: 760px !important;

    margin-left: auto !important;

    margin-right: auto !important;

}