/**
 * PubCrawls Eventbrite Tickets — tickets.css
 *
 * Minimal, production-ready stylesheet.
 * Uses CSS custom properties for easy theming.
 */

/* ── Variables ──────────────────────────────────────────── */
.pcet-sidebar {
    --pcet-primary:       #E6B325;
    --pcet-primary-hover: #C9971E;
    --pcet-text:          #0F1115;
	--pcet-text-white:    #ffffff;
    --pcet-text-muted:    #6c6c70;
    --pcet-border:        #d1d1d6;
    --pcet-bg:            #ffffff;
    --pcet-radius:        8px;
    --pcet-shadow:        0 2px 16px rgba(0, 0, 0, 0.08);
    --pcet-spacing:       1.25rem;
}



/* ── Card ───────────────────────────────────────────────── */
.pcet-card {
    display:       flex;
    flex-direction: column;
    gap:           1rem;
}

/* ── Detail row (icon + text) ───────────────────────────── */
.pcet-card .pcet-card__detail {
    display:     flex;
    align-items: flex-start;
    gap:         0.625rem;
}

.pcet-card .pcet-card__icon {
    font-size:   1.1rem;
    line-height: 1.4;
    flex-shrink: 0;
}

.pcet-card .pcet-card__detail strong {
    font-size:   0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    color:       var(--pcet-text-white);
}

/* ── Date select ────────────────────────────────────────── */
.pcet-card .pcet-select-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.pcet-card .pcet-date-select , .pcet-sticky-bar .pcet-date-select {
    width:         100%;
    padding:       0.625rem 0.875rem;
    font-size:     1rem;
/*     font-family:   var(--pcet-font); */
    color:         var(--pcet-text);
/*     background:    var(--pcet-bg); */
    border:        1px solid var(--pcet-border);
    border-radius: 8px;
    appearance:    none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236c6c70' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat:   no-repeat;
    background-position: right 0.875rem center;
    background-size:     12px;
    padding-right: 2.25rem;
    cursor:        pointer;
    transition:    border-color 0.15s ease, box-shadow 0.15s ease;
}

.pcet-card .pcet-date-select:focus ,  .pcet-sticky-bar .pcet-date-select:focus{
    outline:      none;
    border-color: #E6B325;
    box-shadow:   0 0 0 3px rgba(230, 57, 70, 0.15);
}

.pcet-card .pcet-date-select:hover , .pcet-sticky-bar .pcet-date-select:hover {
    border-color: #aeaeb2;
}

/* ── Button wrapper ─────────────────────────────────────── */
.pcet-card .pcet-btn-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ── Button ─────────────────────────────────────────────── */
.pcet-card .pcet-btn {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             0.5rem;
    padding:         1rem 1.25rem !important;
    font-size:       1.125rem;
    font-weight:     600;
/*     font-family:     var(--pcet-font); */
	color:         var(--pcet-text);
    text-align:      center;
    text-decoration: none;
    border:          none;
    border-radius:   var(--pcet-radius);
    cursor:          pointer;
    transition:      background 0.18s ease, transform 0.1s ease, box-shadow 0.18s ease;
    width:           100%;
    line-height:     1;
	
}

.pcet-card .pcet-btn--primary {
    background:  var(--pcet-primary);
    color:         var(--pcet-text);
/*     box-shadow: 0px 0px 15px 0px #E6B32566; */
}

.pcet-card .pcet-btn--primary:hover,
.pcet-card .pcet-btn--primary:focus-visible {
    background:  var(--pcet-primary-hover);
    box-shadow: 0px 0px 15px 0px #E6B32566;
    transform:   translateY(-1px);
/*     color:       #ffffff; */
    outline:     none;
}

.pcet-card .pcet-btn--primary:active {
    transform:   translateY(0);
    box-shadow: 0px 0px 15px 0px #E6B32566;
}

/* ── No dates notice ────────────────────────────────────── */
.pcet-card .pcet-no-dates {
    font-size:  0.9rem;
    color:      var(--pcet-text-muted);
    font-style: italic;
}

/* ── Screen reader only ─────────────────────────────────── */
.pcet-card .screen-reader-text {
    position:   absolute;
    width:      1px;
    height:     1px;
    padding:    0;
    margin:     -1px;
    overflow:   hidden;
    clip:       rect(0, 0, 0, 0);
    white-space: nowrap;
    border:     0;
}
/* Line */
.pcet-card .pubcrawl-hr-line{
	background-color: #2E3440 !important;
    height: 2px;
    border: none;
    border-radius: 10px;
	margin-top:2rem;
}
/* Secure Text  */
.pcet-card .pubcrawl-secure-text{
	text-align:center;
	color:#7D8593;
	font-size:1.125rem;
}


.pcet-sticky-bar {
    display: flex;
    gap: 24px;
	    align-items: center;

}

.pcet-sticky-bar select {
    flex: 5;
}

.pcet-sticky-bar .pcet-btn--sticky {
    white-space: nowrap;
	flex: 2;
	width:100%;
	border:none;
}

.pcet-single-date {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
	flex: 2;

}



/* ── Responsive ─────────────────────────────────────────── */
@media ( max-width: 500px ) {
    .pcet-card {
        padding: 1rem;
    }

   .pcet-card .pcet-btn {
        font-size: 0.875rem;
        padding:   0.6875rem 1rem;
    }
	.pcet-card .pubcrawl-secure-text{
		font-size:1rem;
	}
	.pcet-sticky-bar{
		flex-direction:column;
	}
}