.dt-inner-flow-video-area-portrait-native {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: block;
  border: 1px solid #000;
  aspect-ratio: 9 / 16;
}

.menu-scroll-margin {
    scroll-margin-top: 56.5px;
}

.widget-header, .widget-footer {
    background: #000;
    color: #ff0;
    padding: 12px;
}

.widget-footer {
    text-align: right;
}

.widget-content {
    overflow-y: auto;
}

.widget-icon {
    height: 24px;
    width: 24px;
    padding: 2px;
    background: yellow;
}

#feedback-link {
    anchor-name: --feedback-anchor;
}

#feedback-widget {
    position: absolute;
    position-anchor: --feedback-anchor;
    position-area: top center;

    border-radius: 8px;
    color: #fff;
    width: 320px;
}

#feedback-widget .widget-content, .widget-content-main {
    background: #55544f;
    padding: 8px 16px;
}

#feedback-widget .widget-content {
    display: none;
}

@media (min-width: 601px) {
    #feedback-widget {
        width: 560px;
    }
    .widget-content {
        max-height: 200px;
    }
}
@media (min-width: 993px) {
    .widget-content {
        max-height: 250px;
    }
}

#playmatching-link {
    anchor-name: --playmatching-anchor;
}

#playmatching-widget {
    position: absolute;
    position-anchor: --playmatching-anchor;
    position-area: top center;

    color: #fff;
    /*  padding: 16px 24px;*/
    border-radius: 8px;
    visibility: hidden;
}

#playmatching-widget .widget-header {
    border-radius: 8px 8px 0 0;
}

#playmatching-widget .widget-footer {
    border-radius: 0 0 8px 8px;
}

#playmatching-widget .widget-content {
    max-height: 300px;
}

#playmatching-widget .widget-content-main :first-child {
    margin-top: 0;
}

#playmatching-widget .widget-content-main :last-child {
    margin-bottom: 0;
}

#playmatching-widget .widget-content-legend {
    background: #333;
    padding: 8px 16px 24px;
}

.dt-tourna-widget {
    font-size: 9px;
}
@media (min-width: 601px) {
    .dt-tourna-widget {
        font-size: 16px;
    }
}
@media (min-width: 993px) {
    .dt-tourna-widget {
        font-size: 18px;
    }
}

.clickable:hover {
    text-decoration: underline;
}

.price-panel table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    box-shadow: 2px 4px 8px rgba(0,0,0,0.2);
    border-radius: 8px;
    overflow: hidden;
}
.price-panel tr.even td {
    background: #f5f5f5;
}
.price-panel tr.odd td {
    background: #fff;
}
.price-panel th,
.price-panel td {
    padding: .8rem;
    text-align: center;
}

.disclosable {
    display: none;
}





.radio-container {
    display: grid;
    /* Column 1 is sized to the button; Column 2 takes the rest */
    grid-template-columns: auto 1fr;
    /* Spacing between button and text */
    gap: 10px;
    /* Aligns button with the top of the text */
    align-items: center; 
}

.w3-padding-large-patch{padding:8px 16px 8px 8px}
.xxw3-padding-large{padding:12px 16px}
@media (min-width: 993px) {
    .w3-padding-large-patch{padding:16px 32px 16px 24px}
    .xxw3-padding-large{padding:12px 24px}
    .dt-hamburger{padding-left:16px}
}









.lazy-video-container {
  position: relative;
}

/* Spinner Styles */
.loader-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: block;
}

/* Hide spinner and show iframe when loaded */
.lazy-video-container.loaded .loader-spinner {
  display: none;
}

@keyframes spin {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}



.arrow-list {
  list-style: none;
  padding: 0;
}

.arrow-list li {
  position: relative;
  padding-left: 25px;
}

.arrow-list li::before {
  content: "➤ ";
  position: absolute;
  left: 0;
}