{"id":3343,"date":"2026-01-07T15:37:44","date_gmt":"2026-01-07T15:37:44","guid":{"rendered":"https:\/\/choralclash.com\/?page_id=3343"},"modified":"2026-01-13T15:33:04","modified_gmt":"2026-01-13T15:33:04","slug":"ticket","status":"publish","type":"page","link":"https:\/\/choralclash.com\/en\/ticket\/","title":{"rendered":"Ticket"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3343\" class=\"elementor elementor-3343\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09dc1a7 e-flex e-con-boxed e-con e-parent\" data-id=\"09dc1a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-965ca5c elementor-widget elementor-widget-shortcode\" data-id=\"965ca5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    \/* ============================================\n       TICKETS PAGE\n       ============================================ *\/\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap\");\n    \n    .cc-tickets-page {\n        --accent-gold: #d4af37;\n        --dark-bg: #0A0A0A;\n        --text-white: #FFFFFF;\n        --text-gray: #888888;\n    }\n    \n    .cc-tickets-page * {\n        box-sizing: border-box;\n    }\n    \n    \/* Animated Lines Background *\/\n    @keyframes cc-tickets-lineFlow {\n        0% { transform: translateY(-100%); }\n        100% { transform: translateY(100%); }\n    }\n    \n    .cc-tickets-lines {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        pointer-events: none;\n        z-index: 0;\n    }\n    \n    .cc-tickets-line {\n        position: absolute;\n        top: 0;\n        width: 1px;\n        height: 100%;\n        background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.03) 50%, transparent 100%);\n    }\n    \n    .cc-tickets-line::after {\n        content: \"\";\n        position: absolute;\n        top: -50%;\n        left: 0;\n        width: 100%;\n        height: 25%;\n        background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);\n        animation: cc-tickets-lineFlow 8s ease-in-out infinite;\n    }\n    \n    .cc-tickets-line:nth-child(1) { left: 12%; }\n    .cc-tickets-line:nth-child(2) { left: 28%; }\n    .cc-tickets-line:nth-child(3) { left: 44%; }\n    .cc-tickets-line:nth-child(4) { left: 60%; }\n    .cc-tickets-line:nth-child(5) { left: 76%; }\n    .cc-tickets-line:nth-child(6) { left: 92%; }\n    \n    .cc-tickets-line:nth-child(1)::after { animation-delay: 0.5s; animation-duration: 7s; }\n    .cc-tickets-line:nth-child(2)::after { animation-delay: 2s; animation-duration: 8s; }\n    .cc-tickets-line:nth-child(3)::after { animation-delay: 0.8s; animation-duration: 6.5s; }\n    .cc-tickets-line:nth-child(4)::after { animation-delay: 1.5s; animation-duration: 7.5s; }\n    .cc-tickets-line:nth-child(5)::after { animation-delay: 0s; animation-duration: 8.5s; }\n    .cc-tickets-line:nth-child(6)::after { animation-delay: 2.5s; animation-duration: 6s; }\n    \n    \/* Section Container *\/\n    .cc-tickets-page {\n        padding: 100px 0;\n        position: relative;\n        overflow: hidden;\n        background-color: var(--dark-bg) !important;\n        font-family: \"Space Grotesk\", sans-serif;\n        color: var(--text-white);\n        min-height: 80vh;\n    }\n    \n    .cc-tickets-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 40px;\n        position: relative;\n        z-index: 1;\n    }\n    \n    \/* Header *\/\n    .cc-tickets-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n    \n    .cc-tickets-label {\n        font-family: \"Space Mono\", monospace;\n        font-size: 12px;\n        color: var(--text-gray);\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n        display: inline-flex;\n        align-items: center;\n        gap: 15px;\n    }\n    \n    .cc-tickets-label::before,\n    .cc-tickets-label::after {\n        content: \"\";\n        width: 40px;\n        height: 1px;\n        background: var(--text-gray);\n        opacity: 0.5;\n    }\n    \n    .cc-tickets-title {\n        font-family: \"Bebas Neue\", sans-serif !important;\n        font-size: clamp(48px, 8vw, 90px) !important;\n        line-height: 1 !important;\n        letter-spacing: 3px !important;\n        text-transform: uppercase !important;\n        margin: 0 !important;\n        color: var(--text-white) !important;\n    }\n    \n    .cc-tickets-subtitle {\n        font-family: \"Space Grotesk\", sans-serif;\n        font-size: 16px;\n        color: var(--text-gray);\n        margin-top: 20px;\n        max-width: 500px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    \n    \/* Login Box (pour utilisateurs non connect\u00e9s) *\/\n    .cc-tickets-login-box {\n        max-width: 450px;\n        margin: 0 auto;\n        background: rgba(255,255,255,0.02);\n        border: 1px solid rgba(255,255,255,0.08);\n        padding: 50px 40px;\n        text-align: center;\n    }\n    \n    .cc-tickets-login-icon {\n        width: 100px;\n        height: 100px;\n        margin: 0 auto 30px;\n        background: rgba(255,255,255,0.03);\n        border: 1px solid rgba(255,255,255,0.08);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .cc-tickets-login-box h3 {\n        font-family: \"Bebas Neue\", sans-serif !important;\n        font-size: 32px !important;\n        color: var(--text-white) !important;\n        letter-spacing: 2px !important;\n        margin: 0 0 15px !important;\n        text-transform: uppercase !important;\n    }\n    \n    .cc-tickets-login-box p {\n        font-family: \"Space Grotesk\", sans-serif;\n        font-size: 15px;\n        color: var(--text-gray);\n        margin: 0 0 30px;\n        line-height: 1.6;\n    }\n    \n    \/* Login Form int\u00e9gr\u00e9 *\/\n    .cc-login-form {\n        text-align: left;\n    }\n    \n    .cc-login-form .form-group {\n        margin-bottom: 20px;\n    }\n    \n    .cc-login-form label {\n        display: block;\n        font-family: \"Space Mono\", monospace;\n        font-size: 10px;\n        color: var(--text-gray);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 8px;\n    }\n    \n    .cc-login-form input[type=\"text\"],\n    .cc-login-form input[type=\"email\"],\n    .cc-login-form input[type=\"password\"] {\n        width: 100%;\n        padding: 14px 16px;\n        background: rgba(0,0,0,0.5);\n        border: 1px solid rgba(255,255,255,0.1);\n        color: #fff;\n        font-family: \"Space Grotesk\", sans-serif;\n        font-size: 14px;\n        transition: border-color 0.3s;\n    }\n    \n    .cc-login-form input:focus {\n        outline: none;\n        border-color: var(--accent-gold);\n    }\n    \n    .cc-login-form .form-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 25px;\n    }\n    \n    .cc-login-form .remember-me {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 12px;\n        color: var(--text-gray);\n    }\n    \n    .cc-login-form .forgot-link {\n        font-size: 12px;\n        color: var(--accent-gold);\n        text-decoration: none;\n    }\n    \n    .cc-login-form .forgot-link:hover {\n        text-decoration: underline;\n    }\n    \n    .cc-login-error {\n        background: rgba(239, 68, 68, 0.1);\n        border: 1px solid rgba(239, 68, 68, 0.3);\n        color: #ef4444;\n        padding: 12px;\n        margin-bottom: 20px;\n        font-size: 13px;\n    }\n    \n    .cc-login-divider {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin: 30px 0;\n        color: var(--text-gray);\n        font-family: \"Space Mono\", monospace;\n        font-size: 10px;\n        letter-spacing: 1px;\n    }\n    \n    .cc-login-divider::before,\n    .cc-login-divider::after {\n        content: \"\";\n        flex: 1;\n        height: 1px;\n        background: rgba(255,255,255,0.1);\n    }\n    \n    .cc-login-register {\n        text-align: center;\n        font-size: 14px;\n        color: var(--text-gray);\n    }\n    \n    .cc-login-register a {\n        color: var(--text-white);\n        text-decoration: none;\n        font-weight: 500;\n    }\n    \n    .cc-login-register a:hover {\n        color: var(--accent-gold);\n    }\n    \n    \/* Empty State *\/\n    .cc-tickets-empty {\n        text-align: center;\n        padding: 80px 40px;\n        background: rgba(255,255,255,0.02);\n        border: 1px solid rgba(255,255,255,0.06);\n    }\n    \n    .cc-tickets-empty-icon {\n        width: 120px;\n        height: 120px;\n        margin: 0 auto 30px;\n        background: rgba(255,255,255,0.03);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 50px;\n    }\n    \n    .cc-tickets-empty h3 {\n        font-family: \"Bebas Neue\", sans-serif !important;\n        font-size: 36px !important;\n        color: var(--text-white) !important;\n        letter-spacing: 2px !important;\n        margin: 0 0 15px !important;\n        text-transform: uppercase !important;\n    }\n    \n    .cc-tickets-empty p {\n        font-family: \"Space Grotesk\", sans-serif;\n        font-size: 16px;\n        color: var(--text-gray);\n        margin: 0 0 30px;\n        max-width: 400px;\n        margin-left: auto;\n        margin-right: auto;\n        line-height: 1.6;\n    }\n    \n    \/* Buttons - WHITE by default, GOLD on hover *\/\n    .cc-tickets-btn {\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        gap: 10px !important;\n        padding: 16px 40px !important;\n        background: var(--text-white) !important;\n        background-color: var(--text-white) !important;\n        color: #000000 !important;\n        border: none !important;\n        border-radius: 0 !important;\n        font-family: \"Space Mono\", monospace !important;\n        font-size: 11px !important;\n        font-weight: 700 !important;\n        letter-spacing: 2px !important;\n        text-transform: uppercase !important;\n        text-decoration: none !important;\n        cursor: pointer !important;\n        transition: all 0.3s ease !important;\n        width: 100%;\n    }\n    \n    .cc-tickets-btn:hover {\n        background: var(--accent-gold) !important;\n        background-color: var(--accent-gold) !important;\n        color: #000000 !important;\n        transform: translateY(-2px) !important;\n    }\n    \n    .cc-tickets-btn-outline {\n        background: transparent !important;\n        background-color: transparent !important;\n        border: 1px solid rgba(255,255,255,0.3) !important;\n        color: var(--text-white) !important;\n    }\n    \n    .cc-tickets-btn-outline:hover {\n        border-color: var(--text-white) !important;\n        background: transparent !important;\n        background-color: transparent !important;\n        color: var(--text-white) !important;\n    }\n    \n    \/* Tickets Grid *\/\n    .cc-tickets-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n        gap: 30px;\n    }\n    \n    \/* Ticket Card *\/\n    .cc-ticket-card {\n        background: rgba(255,255,255,0.02);\n        border: 1px solid rgba(255,255,255,0.06);\n        overflow: hidden;\n        transition: all 0.4s ease;\n        position: relative;\n    }\n    \n    .cc-ticket-card:hover {\n        border-color: rgba(255,255,255,0.15);\n        transform: translateY(-5px);\n    }\n    \n    .cc-ticket-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 3px;\n        background: var(--text-white);\n        transform: scaleX(0);\n        transition: transform 0.4s ease;\n    }\n    \n    .cc-ticket-card:hover::before {\n        transform: scaleX(1);\n    }\n    \n    .cc-ticket-card-header {\n        background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n        padding: 30px;\n        text-align: center;\n        border-bottom: 1px dashed rgba(255,255,255,0.1);\n        position: relative;\n    }\n    \n    .cc-ticket-card-header::before,\n    .cc-ticket-card-header::after {\n        content: \"\";\n        position: absolute;\n        bottom: -12px;\n        width: 24px;\n        height: 24px;\n        background: var(--dark-bg);\n        border-radius: 50%;\n    }\n    \n    .cc-ticket-card-header::before { left: -12px; }\n    .cc-ticket-card-header::after { right: -12px; }\n    \n    .cc-ticket-type-badge {\n        font-family: \"Space Mono\", monospace;\n        font-size: 10px;\n        color: var(--text-white);\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        padding: 6px 12px;\n        background: rgba(255,255,255,0.1);\n        display: inline-block;\n        margin-bottom: 15px;\n    }\n    \n    .cc-ticket-event-name {\n        font-family: \"Bebas Neue\", sans-serif !important;\n        font-size: 32px !important;\n        color: var(--text-white) !important;\n        letter-spacing: 2px !important;\n        margin: 0 !important;\n        text-transform: uppercase !important;\n    }\n    \n    .cc-ticket-card-body {\n        padding: 30px;\n    }\n    \n    .cc-ticket-qr-wrapper {\n        text-align: center;\n        margin-bottom: 25px;\n    }\n    \n    .cc-ticket-qr-wrapper img {\n        width: 160px;\n        height: 160px;\n        background: var(--text-white);\n        padding: 10px;\n    }\n    \n    .cc-ticket-code {\n        text-align: center;\n        font-family: \"Space Mono\", monospace;\n        font-size: 18px;\n        font-weight: 700;\n        color: var(--text-white);\n        letter-spacing: 4px;\n        margin-bottom: 25px;\n        padding: 15px;\n        background: rgba(255,255,255,0.03);\n        border: 1px dashed rgba(255,255,255,0.2);\n    }\n    \n    .cc-ticket-info {\n        display: grid;\n        gap: 12px;\n    }\n    \n    .cc-ticket-info-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding-bottom: 12px;\n        border-bottom: 1px solid rgba(255,255,255,0.05);\n    }\n    \n    .cc-ticket-info-row:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n    \n    .cc-ticket-info-label {\n        font-family: \"Space Mono\", monospace;\n        font-size: 10px;\n        color: var(--text-gray);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    \n    .cc-ticket-info-value {\n        font-family: \"Space Grotesk\", sans-serif;\n        font-size: 14px;\n        color: var(--text-white);\n        font-weight: 500;\n    }\n    \n    .cc-ticket-status {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 4px 10px;\n        font-size: 10px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    \n    .cc-ticket-status.valid {\n        background: rgba(16, 185, 129, 0.15);\n        color: #10b981;\n    }\n    \n    .cc-ticket-status.used {\n        background: rgba(245, 158, 11, 0.15);\n        color: #f59e0b;\n    }\n    \n    .cc-ticket-card-footer {\n        padding: 20px 30px 30px;\n        display: flex;\n        gap: 12px;\n    }\n    \n    .cc-ticket-card-footer .cc-tickets-btn {\n        flex: 1;\n        padding: 12px 20px !important;\n        font-size: 10px !important;\n    }\n    \n    .cc-ticket-warning {\n        background: rgba(245, 158, 11, 0.1);\n        border: 1px solid rgba(245, 158, 11, 0.2);\n        padding: 15px;\n        margin-top: 20px;\n        font-family: \"Space Mono\", monospace;\n        font-size: 11px;\n        color: #f59e0b;\n        text-align: center;\n    }\n    \n    \/* Stats Bar *\/\n    .cc-tickets-stats {\n        display: flex;\n        justify-content: center;\n        gap: 60px;\n        margin-bottom: 50px;\n        padding: 30px;\n        background: rgba(255,255,255,0.02);\n        border: 1px solid rgba(255,255,255,0.06);\n    }\n    \n    .cc-tickets-stat {\n        text-align: center;\n    }\n    \n    .cc-tickets-stat-value {\n        font-family: \"Bebas Neue\", sans-serif;\n        font-size: 48px;\n        color: var(--text-white);\n        letter-spacing: 2px;\n        line-height: 1;\n    }\n    \n    .cc-tickets-stat-label {\n        font-family: \"Space Mono\", monospace;\n        font-size: 10px;\n        color: var(--text-gray);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-top: 10px;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .cc-tickets-page {\n            padding: 80px 0;\n        }\n        \n        .cc-tickets-grid {\n            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n            gap: 24px;\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .cc-tickets-page {\n            padding: 60px 0;\n        }\n        \n        .cc-tickets-container {\n            padding: 0 20px;\n        }\n        \n        .cc-tickets-header {\n            margin-bottom: 40px;\n        }\n        \n        .cc-tickets-label::before,\n        .cc-tickets-label::after {\n            width: 20px;\n        }\n        \n        .cc-tickets-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .cc-tickets-stats {\n            flex-direction: column;\n            gap: 30px;\n        }\n        \n        .cc-tickets-empty,\n        .cc-tickets-login-box {\n            padding: 40px 20px;\n        }\n        \n        .cc-ticket-card-footer {\n            flex-direction: column;\n        }\n        \n        \/* Moins de lignes sur mobile *\/\n        .cc-tickets-line:nth-child(2),\n        .cc-tickets-line:nth-child(4) {\n            display: none;\n        }\n    }\n    <\/style><div class=\"cc-tickets-page\"><div class=\"cc-tickets-lines\"><div class=\"cc-tickets-line\"><\/div><div class=\"cc-tickets-line\"><\/div><div class=\"cc-tickets-line\"><\/div><div class=\"cc-tickets-line\"><\/div><div class=\"cc-tickets-line\"><\/div><div class=\"cc-tickets-line\"><\/div><\/div><div class=\"cc-tickets-container\"><div class=\"cc-tickets-header\"><p class=\"cc-tickets-label\">My Account<\/p><h1 class=\"cc-tickets-title\">My Tickets<\/h1><p class=\"cc-tickets-subtitle\">Manage your tickets and access your QR codes for Choral Clash events.<\/p><\/div><div class=\"cc-tickets-login-box\"><div class=\"cc-tickets-login-icon\"><svg width=\"50\" height=\"50\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle><path d=\"M4 20c0-4 4-6 8-6s8 2 8 6\"><\/path><\/svg><\/div><h3>Connection<\/h3><p>Log in to access your tickets and manage your bookings.<\/p><form method=\"post\" class=\"cc-login-form\" action=\"\"><input type=\"hidden\" id=\"cc_login_nonce\" name=\"cc_login_nonce\" value=\"549ff7b696\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/3343\" \/><div class=\"form-group\"><label for=\"cc_username\">Email or username<\/label><input type=\"text\" id=\"cc_username\" name=\"cc_username\" required><\/div><div class=\"form-group\"><label for=\"cc_password\">Password<\/label><input type=\"password\" id=\"cc_password\" name=\"cc_password\" required><\/div><div class=\"form-row\"><label class=\"remember-me\"><input type=\"checkbox\" name=\"cc_remember\"> Remembering me<\/label><a href=\"https:\/\/choralclash.com\/en\/my-account\/lost-password\/\" class=\"forgot-link\">Forgot your password?<\/a><\/div><button type=\"submit\" name=\"cc_login_submit\" class=\"cc-tickets-btn\">Connect<\/button><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><div class=\"cc-login-divider\">OR<\/div><div class=\"cc-login-register\">No account yet? <a href=\"https:\/\/choralclash.com\/en\/billetterie\/\">Buy a ticket<\/a><\/div><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3343","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages\/3343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/comments?post=3343"}],"version-history":[{"count":4,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages\/3343\/revisions"}],"predecessor-version":[{"id":3349,"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/pages\/3343\/revisions\/3349"}],"wp:attachment":[{"href":"https:\/\/choralclash.com\/en\/wp-json\/wp\/v2\/media?parent=3343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}