/**
 * Frontend styles for Ticket block
 */

.wp-block-mtt-ticket {
    overflow: hidden;
    box-shadow: 0px 3px 6px #00000029;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background: #fff;
    max-width: 357px;
    min-width: 200px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 20px 40px 20px;
}

.wp-block-mtt-ticket:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Enhanced hover effect for linked tickets */
.wp-block-mtt-ticket.has-link {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.wp-block-mtt-ticket.has-link:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

/* Link styling */
.wp-block-mtt-ticket a {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
}

.wp-block-mtt-ticket a:hover,
.wp-block-mtt-ticket a:focus {
    text-decoration: none;
    color: inherit;
    outline: none;
}


.wp-block-mtt-ticket .ticket-card {
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wp-block-mtt-ticket .ticket-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 252px;
    margin: 0 auto 40px auto;
}

.wp-block-mtt-ticket .ticket-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.wp-block-mtt-ticket:hover .ticket-image img {
    transform: scale(1.05);
}

.wp-block-mtt-ticket .ticket-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.wp-block-mtt-ticket .ticket-content h3 {
    margin: 0 0 8px 0;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.wp-block-mtt-ticket .ticket-price {
    margin: 0 0 12px 0;
    font-size: 1.25em;
    font-weight: bold;
}

.wp-block-mtt-ticket .ticket-content p {
    margin: 0;
    font-size: 0.95em;
    line-height: 1.5;
    flex-grow: 1;
    text-align: center;
}

/* Image mask styles */
.wp-block-mtt-ticket.is-style-bun .ticket-image {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 282.421 290'><path d='M221.816,10c-38.994,0-70.605,32.459-70.605,72.5,0-40.041-31.611-72.5-70.605-72.5S10,42.459,10,82.5v145C10,267.541,41.611,300,80.605,300s70.605-32.459,70.605-72.5c0,40.041,31.611,72.5,70.605,72.5s70.605-32.459,70.605-72.5V82.5C292.421,42.459,260.81,10,221.816,10Z' transform='translate(-10 -10)' fill='%23000'/></svg>");
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 282.421 290'><path d='M221.816,10c-38.994,0-70.605,32.459-70.605,72.5,0-40.041-31.611-72.5-70.605-72.5S10,42.459,10,82.5v145C10,267.541,41.611,300,80.605,300s70.605-32.459,70.605-72.5c0,40.041,31.611,72.5,70.605,72.5s70.605-32.459,70.605-72.5V82.5C292.421,42.459,260.81,10,221.816,10Z' transform='translate(-10 -10)' fill='%23000'/></svg>");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    aspect-ratio: 247 / 252;
    max-width: 247px;
}

.wp-block-mtt-ticket.is-style-bun .ticket-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.wp-block-mtt-ticket.is-style-tri-oval .ticket-image {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22284.74%22%20height%3D%22290%22%20viewBox%3D%220%200%20284.74%20290%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M272.765%2C21.568C256.158%2C10.4%2C231.741%2C31.909%2C209.97%2C72.761c-3.379-80.6-47.335-62.641-79.689%2C0-.861-25.435-6.471-44.176-16.894-51.193C89.7%2C5.643%2C50.115%2C56.19%2C24.965%2C134.571-18.353%2C265.577%2C14.032%2C380.1%2C85.146%2C254.129c3.379%2C80.6%2C47.335%2C62.641%2C79.689%2C0%2C.861%2C25.435%2C6.471%2C44.176%2C16.894%2C51.193%2C58.523%2C32.451%2C145.894-239.947%2C91.036-283.708Z%22%20transform%3D%22translate(-5.403%20-18.634)%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22284.74%22%20height%3D%22290%22%20viewBox%3D%220%200%20284.74%20290%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M272.765%2C21.568C256.158%2C10.4%2C231.741%2C31.909%2C209.97%2C72.761c-3.379-80.6-47.335-62.641-79.689%2C0-.861-25.435-6.471-44.176-16.894-51.193C89.7%2C5.643%2C50.115%2C56.19%2C24.965%2C134.571-18.353%2C265.577%2C14.032%2C380.1%2C85.146%2C254.129c3.379%2C80.6%2C47.335%2C62.641%2C79.689%2C0%2C.861%2C25.435%2C6.471%2C44.176%2C16.894%2C51.193%2C58.523%2C32.451%2C145.894-239.947%2C91.036-283.708Z%22%20transform%3D%22translate(-5.403%20-18.634)%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    aspect-ratio: 285 / 252;
    max-width: 284px;
}

.wp-block-mtt-ticket.is-style-tri-oval .ticket-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.wp-block-mtt-ticket.is-style-half-rounded .ticket-image {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22384.757%22%20height%3D%22149.365%22%20viewBox%3D%220%200%20384.757%20149.365%22%3E%3Cpath%20id%3D%22tmc2C9A6055_1_%22%20data-name%3D%22tmc2C9A6055%20(1)%22%20d%3D%22M0%2C10.123c0%2C76.9%2C86.13%2C139.242%2C192.379%2C139.242S384.757%2C87.025%2C384.757%2C10.123c0-3.405-.177-6.781-.509-10.123H.509C.177%2C3.343%2C0%2C6.718%2C0%2C10.123%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22384.757%22%20height%3D%22149.365%22%20viewBox%3D%220%200%20384.757%20149.365%22%3E%3Cpath%20id%3D%22tmc2C9A6055_1_%22%20data-name%3D%22tmc2C9A6055%20(1)%22%20d%3D%22M0%2C10.123c0%2C76.9%2C86.13%2C139.242%2C192.379%2C139.242S384.757%2C87.025%2C384.757%2C10.123c0-3.405-.177-6.781-.509-10.123H.509C.177%2C3.343%2C0%2C6.718%2C0%2C10.123%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.wp-block-mtt-ticket.is-style-half-rounded .ticket-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.wp-block-mtt-ticket.is-style-organic .ticket-image {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%20width%3D%22330%22%20height%3D%22358.086%22%20viewBox%3D%220%200%20330%20358.086%22%3E%3Cpath%20id%3D%22a9748ac0810955bceee1a45d989b7f27%22%20d%3D%22M307.755%2C148.782c-12.7-20.472-28.443-39.525-41.824-58.629-26.185-37.384-53.613-69.262-97.623-85.3-13.931-5.078-29.57-6.856-43.568-1.965-12.99%2C4.538-23.4%2C14.3-33.044%2C24.108a618.885%2C618.885%2C0%2C0%2C0-76.4%2C94.769c-4.9%2C7.474-9.683%2C15.167-12.319%2C23.706C.7%2C152.84.1%2C160.628.011%2C168.345-.763%2C237.278%2C38.085%2C293.356%2C91.726%2C332.92c31.536%2C23.26%2C69.009%2C33.293%2C106.586%2C17.55%2C24.733-10.363%2C45.364-28.436%2C64.648-47.069%2C11.638-11.244%2C22.965-22.805%2C34.173-34.477%2C15.355-15.992%2C31.354-34.1%2C32.766-56.223.568-8.913-1.343-17.818-4.086-26.317-4.264-13.213-10.643-25.649-18.058-37.6%22%20transform%3D%22translate(0.001%200)%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22none%22%20width%3D%22330%22%20height%3D%22358.086%22%20viewBox%3D%220%200%20330%20358.086%22%3E%3Cpath%20id%3D%22a9748ac0810955bceee1a45d989b7f27%22%20d%3D%22M307.755%2C148.782c-12.7-20.472-28.443-39.525-41.824-58.629-26.185-37.384-53.613-69.262-97.623-85.3-13.931-5.078-29.57-6.856-43.568-1.965-12.99%2C4.538-23.4%2C14.3-33.044%2C24.108a618.885%2C618.885%2C0%2C0%2C0-76.4%2C94.769c-4.9%2C7.474-9.683%2C15.167-12.319%2C23.706C.7%2C152.84.1%2C160.628.011%2C168.345-.763%2C237.278%2C38.085%2C293.356%2C91.726%2C332.92c31.536%2C23.26%2C69.009%2C33.293%2C106.586%2C17.55%2C24.733-10.363%2C45.364-28.436%2C64.648-47.069%2C11.638-11.244%2C22.965-22.805%2C34.173-34.477%2C15.355-15.992%2C31.354-34.1%2C32.766-56.223.568-8.913-1.343-17.818-4.086-26.317-4.264-13.213-10.643-25.649-18.058-37.6%22%20transform%3D%22translate(0.001%200)%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.wp-block-mtt-ticket.is-style-organic .ticket-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Responsive design */
@media (max-width: 768px) {
    .wp-block-mtt-ticket {
        max-width: 100%;
    }

    .wp-block-mtt-ticket .ticket-image img {
        height: 160px;
    }

    .wp-block-mtt-ticket .ticket-content {
        padding: 16px;
    }

    .wp-block-mtt-ticket .ticket-content h3 {
        font-size: 1.3em;
    }

    .wp-block-mtt-ticket .ticket-price {
        font-size: 1.1em;
    }
}