/* Rekor Sanat | Native PHP kayıt, ödeme ve sonuç | 2.0.0 */
@font-face { font-family: 'Euclid Circular'; src: url('/templates/yoo_joy/fonts/EuclidCircularB-Light.woff2') format('woff2'); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: 'Euclid Circular'; src: url('/templates/yoo_joy/fonts/EuclidCircularB-Regular.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Euclid Circular'; src: url('/templates/yoo_joy/fonts/EuclidCircularB-Medium.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: 'Euclid Circular'; src: url('/templates/yoo_joy/fonts/EuclidCircularB-SemiBold.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap; }
/* Joomla kapsayıcısı. PHP belgesine sonradan form stili enjekte edilmez. */
.rk-registration { --rkr-red:#ff2647; width:100%; max-width:680px; margin:36px auto 60px; color:#000; font-family:'Euclid Circular',Helvetica,Arial,sans-serif; }
.rk-registration * { box-sizing:border-box; }
.rk-registration [hidden] { display:none!important; }
.rk-registration .rkr-return { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-bottom:12px; color:#000; font-size:15px; font-weight:400; text-decoration:none; }
.rk-registration .rkr-return svg { flex:0 0 20px; }
.rk-registration .rkr-frame { display:block; width:100%; max-width:100%; min-height:0; max-height:none; border:0; background:transparent; }
.rk-registration .rkr-fallback { margin:14px 0 0; color:#555; font-size:14px; line-height:1.6; font-weight:300; }
.rk-registration .rkr-fallback a { display:inline-block; padding-block:4px; color:#000; text-decoration:underline; text-decoration-color:var(--rkr-red); text-underline-offset:4px; }
.rk-registration a:focus-visible { outline:2px solid var(--rkr-red); outline-offset:4px; border-radius:3px; }
/* Bu stiller üç PHP dosyasının head bölümünde, ilk çizimden önce yüklenir. */
html.rkr-page { --rkr-red:#ff2647; --rkr-line:rgba(0,0,0,.12); height:auto; min-height:0; color:#000; background:#ececec; color-scheme:light; -webkit-text-size-adjust:100%; }
html.rkr-page body { display:flow-root; height:auto; min-height:0; margin:0; padding:36px 20px; font:300 17px/1.6 'Euclid Circular',Helvetica,Arial,sans-serif; }
html.rkr-page.rkr-embedded { background:transparent; }
html.rkr-page.rkr-embedded body { padding:0; background:transparent; }
html.rkr-page.rkr-fit, html.rkr-page.rkr-fit body { overflow:hidden; scrollbar-gutter:auto; }
.rkr-page .rkr-content { box-sizing:border-box; width:100%; max-width:680px; margin:0 auto; }
.rkr-page .rkr-standalone-brand { display:block; width:200px; margin:0 auto 30px; }
.rkr-page .rkr-standalone-brand img { display:block; width:200px; height:auto; }
.rkr-page.rkr-embedded .rkr-standalone-brand { display:none; }
.rkr-page .rkr-card { box-sizing:border-box; min-width:0; width:100%; margin:0; padding:36px; border:1px solid rgba(0,0,0,.07); border-radius:12px; background:#fff; }
.rkr-page .rkr-steps { display:flex; gap:24px; list-style:none; margin:0 0 28px; padding:0 0 20px; border-bottom:1px solid var(--rkr-line); }
.rkr-page .rkr-steps li { display:block; flex:0 0 auto; margin:0; color:#666; font-size:13px; font-weight:400; line-height:1.4; white-space:nowrap; }
.rkr-page .rkr-step-number { display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; vertical-align:middle; border-radius:50%; background:#f0f0f0; font-size:12px; }
.rkr-page .rkr-step-label { display:inline-block; vertical-align:middle; margin-left:8px; }
.rkr-page .rkr-steps [aria-current] { color:#000; font-weight:500; }
.rkr-page .rkr-steps [aria-current] .rkr-step-number { background:#000; color:#fff; }
.rkr-page .rkr-steps .is-complete .rkr-step-number { background:#fff0f3; color:#c91433; }
.rkr-page #rkr-title { margin:0; color:#000; text-align:left; font:500 36px/1.15 'Euclid Circular',Helvetica,Arial,sans-serif; letter-spacing:-.035em; overflow-wrap:break-word; }
.rkr-page .rkr-intro { margin:16px 0 28px; color:#555; font-size:17px; font-weight:300; line-height:1.6; }
.rkr-page .rkr-intro strong { font-weight:600; }
.rkr-page .rkr-accent { color:#ff2647; }
.rkr-page .rkr-form { margin:0; }
.rkr-page .rkr-field { display:flex; flex-direction:column; gap:7px; min-width:0; margin:0 0 18px; }
.rkr-page .rkr-field label { color:#000; font-size:15px; font-weight:400; line-height:1.5; }
.rkr-page .rkr-name-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
.rkr-page .rkr-input { box-sizing:border-box; display:block; width:100%; min-width:0; min-height:54px; margin:0; padding:14px 16px; border:1px solid #c9c9c9; border-radius:10px; background-color:#fff; color:#000; -webkit-text-fill-color:#000; font:300 16px/1.5 'Euclid Circular',Helvetica,Arial,sans-serif; box-shadow:none; transition:border-color .15s; }
.rkr-page .rkr-input::placeholder { color:#777; -webkit-text-fill-color:#777; opacity:1; }
.rkr-page select.rkr-input { appearance:none; -webkit-appearance:none; padding-right:44px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:20px; cursor:pointer; }
.rkr-page .rkr-input:focus { border-color:var(--rkr-red); outline:2px solid var(--rkr-red); outline-offset:2px; box-shadow:none; }
.rkr-page .rkr-input:focus:not(:focus-visible) { outline:none; }
.rkr-page .rkr-button { box-sizing:border-box; display:flex; justify-content:center; align-items:center; gap:14px; width:100%; min-height:56px; margin:6px 0 0; padding:14px 24px; border:0; border-radius:999px; background:var(--rkr-red); color:#fff; -webkit-text-fill-color:#fff; font:500 18px/1.5 'Euclid Circular',Helvetica,Arial,sans-serif; text-transform:none; text-decoration:none; text-align:center; cursor:pointer; appearance:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; transition:background-color .15s; }
.rkr-page .rkr-button:disabled { cursor:wait; opacity:.75; }
.rkr-page .rkr-icon { display:block; width:24px; height:24px; flex:0 0 24px; }
.rkr-page .rkr-button .rkr-icon { width:20px; height:20px; flex-basis:20px; }
.rkr-page .rkr-terms { margin:24px 0 0; padding-top:22px; border-top:1px solid var(--rkr-line); color:#555; font-size:14px; font-weight:300; line-height:1.65; overflow-wrap:break-word; }
.rkr-page .rkr-terms p { margin:0; }
.rkr-page .rkr-terms p+p { margin-top:12px; }
.rkr-page .rkr-terms strong { font-weight:600; }
.rkr-page .rkr-terms a, .rkr-page .rkr-help a, .rkr-page .rkr-secondary { color:#000; font-weight:400; text-decoration:underline; text-decoration-color:var(--rkr-red); text-underline-offset:4px; }
.rkr-page .rkr-help { margin:18px 0 0; padding:0; color:#555; font-size:14px; line-height:1.6; text-align:center; }
.rkr-page .rkr-help a { display:inline-block; padding:5px 0; white-space:nowrap; }
.rkr-page .rkr-secondary { display:inline-block; padding:10px 0; margin-top:8px; font-size:15px; }
.rkr-page .rkr-button:focus-visible, .rkr-page .rkr-help a:focus-visible, .rkr-page .rkr-terms a:focus-visible, .rkr-page summary:focus-visible, .rkr-page .rkr-secondary:focus-visible { outline:2px solid var(--rkr-red); outline-offset:4px; }
/* iyzico'nun ürettiği form alanları veya 3D Secure içeriği yeniden biçimlendirilmez. */
.rkr-page .rkr-order { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:24px 0; padding:20px; border-radius:10px; background:#f5f5f5; }
.rkr-page .rkr-order p { margin:0; color:#555; font-size:14px; line-height:1.5; }
.rkr-page .rkr-order strong { display:block; margin-top:4px; color:#000; font-size:18px; font-weight:500; }
.rkr-page .rkr-order .rkr-order-amount { margin:0; font-size:30px; font-weight:600; letter-spacing:-.03em; white-space:nowrap; }
.rkr-page .rkr-assurance { display:flex; align-items:flex-start; gap:12px; margin:0; }
.rkr-page .rkr-assurance .rkr-icon { color:var(--rkr-red); margin-top:3px; }
.rkr-page .rkr-assurance p { margin:0; color:#555; font-size:15px; line-height:1.65; }
.rkr-page .rkr-assurance strong { color:#000; font-weight:500; }
.rkr-page .rkr-checkout { min-width:0; margin-top:24px; padding-top:24px; border-top:1px solid var(--rkr-line); }
.rkr-page .rkr-checkout-label { margin:0 0 16px; color:#555; font-size:14px; }
.rkr-page .rkr-status-icon { display:block; width:52px; height:52px; margin:4px 0 22px; color:var(--rkr-red); }
.rkr-page .rkr-result--success .rkr-status-icon { color:#22824e; }
.rkr-page .rkr-result--neutral .rkr-status-icon { color:#666; }
.rkr-page .rkr-receipt { margin:24px 0; padding:20px; border-radius:10px; background:#f5f5f5; }
.rkr-page .rkr-receipt div { display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; align-items:baseline; }
.rkr-page .rkr-receipt div+div { margin-top:14px; padding-top:14px; border-top:1px solid var(--rkr-line); }
.rkr-page .rkr-receipt dt { color:#555; font-size:15px; }
.rkr-page .rkr-receipt dd { margin:0; color:#000; font-size:17px; font-weight:500; }
.rkr-page .rkr-receipt .rkr-paid { font-size:32px; font-weight:600; letter-spacing:-.03em; white-space:nowrap; }
.rkr-page .rkr-error-detail { margin:0 0 24px; padding:14px 0; border-top:1px solid var(--rkr-line); border-bottom:1px solid var(--rkr-line); color:#555; font-size:14px; }
.rkr-page .rkr-error-detail summary { color:#000; font-weight:400; cursor:pointer; }
.rkr-page .rkr-error-detail p { margin:10px 0 0; white-space:pre-line; overflow-wrap:anywhere; }
@media (hover:hover) and (pointer:fine) { .rkr-page .rkr-button:hover { background:#e61f3c; } .rk-registration .rkr-return:hover { color:var(--rkr-red); } }
@media (max-width:767px) { .rk-registration { margin:20px auto 40px; } }
@media (max-width:480px) {
  html.rkr-page body { padding:24px 16px; }
  html.rkr-page.rkr-embedded body { padding:0; }
  .rkr-page .rkr-card { padding:24px; }
  .rkr-page #rkr-title { font-size:30px; }
  .rkr-page .rkr-intro { margin:12px 0 24px; font-size:16px; }
  .rkr-page .rkr-name-fields { grid-template-columns:1fr; }
  .rkr-page .rkr-steps { gap:18px; margin-bottom:24px; padding-bottom:18px; }
  .rkr-page .rkr-steps li { font-size:12px; }
  .rkr-page .rkr-step-label { margin-left:6px; }
  .rkr-page .rkr-order, .rkr-page .rkr-receipt { padding:16px; }
  .rkr-page .rkr-order .rkr-order-amount { font-size:26px; }
  .rkr-page .rkr-receipt .rkr-paid { font-size:28px; }
}
@media (max-width:359px) { .rkr-page .rkr-card { padding:20px; } .rkr-page .rkr-steps { gap:12px; } .rkr-page .rkr-steps li { font-size:11px; } .rkr-page .rkr-step-label { margin-left:4px; } .rkr-page .rkr-step-number { width:22px; height:22px; line-height:22px; } }
@media (prefers-reduced-motion:reduce) { .rkr-page .rkr-input, .rkr-page .rkr-button { transition:none; } }