/* ClickFlorist — cihanaltunkayacicekcilik.com özel yerleşim/bileşen CSS'i (2026-08-28).
   Bootstrap 5.0.2 CDN'i kaldırıldı; buradaki sınıflar (cf-*) ve temel element kuralları sitenin eski görünümünü
   birebir korur (değerler ölçülerek eşitlendi). Flexbox tabanlı 12 sütunlu ızgara; kırılma noktaları 576/768/992/1200/1400. */

/* ---------- Temel (reboot) ---------- */
*, ::before, ::after { box-sizing: border-box; }
:root {
  --cf-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body { margin: 0; font-family: var(--cf-font); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25; }
hr:not([size]) { height: 1px; }
h1, h2, h3, h4, h5, h6, .cf-h1, .cf-h2, .cf-h3, .cf-h4, .cf-h5, .cf-h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; }
h1, .cf-h1 { font-size: calc(1.375rem + 1.5vw); }
h2, .cf-h2 { font-size: calc(1.325rem + .9vw); }
h3, .cf-h3 { font-size: calc(1.3rem + .6vw); }
h4, .cf-h4 { font-size: calc(1.275rem + .3vw); }
h5, .cf-h5 { font-size: 1.25rem; }
h6, .cf-h6 { font-size: 1rem; }
@media (min-width: 1200px) {
  h1, .cf-h1 { font-size: 2.5rem; }
  h2, .cf-h2 { font-size: 2rem; }
  h3, .cf-h3 { font-size: 1.75rem; }
  h4, .cf-h4 { font-size: 1.5rem; }
}
p { margin-top: 0; margin-bottom: 1rem; }
abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }
dt { font-weight: 700; }
dd { margin-bottom: .5rem; margin-left: 0; }
blockquote { margin: 0 0 1rem; }
b, strong { font-weight: bolder; }
small { font-size: .875em; }
sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
a { color: #0d6efd; text-decoration: underline; }
a:hover { color: #0a58ca; }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; direction: ltr; unicode-bidi: bidi-override; }
pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em; }
code { font-size: .875em; color: #d63384; word-wrap: break-word; }
figure { margin: 0 0 1rem; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left; }
th { text-align: inherit; text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; }
label { display: inline-block; }
button { border-radius: 0; }
button:focus:not(:focus-visible) { outline: 0; }
button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[role=button] { cursor: pointer; }
select { word-wrap: normal; }
select:disabled { opacity: 1; }
[list]::-webkit-calendar-picker-indicator { display: none; }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }
::-moz-focus-inner { padding: 0; border-style: none; }
textarea { resize: vertical; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit; }
@media (min-width: 1200px) { legend { font-size: 1.5rem; } }
legend + * { clear: left; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; }
::-webkit-inner-spin-button { height: auto; }
[type=search] { outline-offset: -2px; -webkit-appearance: textfield; }
::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0; }
::file-selector-button { font: inherit; }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }
output { display: inline-block; }
iframe { border: 0; }
summary { display: list-item; cursor: pointer; }
progress { vertical-align: baseline; }
[hidden] { display: none !important; }

/* ---------- Izgara (flexbox, 12 sütun) ---------- */
.cf-container { width: 100%; padding-right: var(--cf-gutter-x, .75rem); padding-left: var(--cf-gutter-x, .75rem); margin-right: auto; margin-left: auto; }
@media (min-width: 576px)  { .cf-container { max-width: 540px; } }
@media (min-width: 768px)  { .cf-container { max-width: 720px; } }
@media (min-width: 992px)  { .cf-container { max-width: 960px; } }
@media (min-width: 1200px) { .cf-container { max-width: 1140px; } }
@media (min-width: 1400px) { .cf-container { max-width: 1320px; } }
.cf-row { --cf-gutter-x: 1.5rem; --cf-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--cf-gutter-y) * -1); margin-right: calc(var(--cf-gutter-x) * -.5); margin-left: calc(var(--cf-gutter-x) * -.5); }
.cf-row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--cf-gutter-x) * .5); padding-left: calc(var(--cf-gutter-x) * .5); margin-top: var(--cf-gutter-y); }
.cf-col { flex: 1 0 0%; }
.cf-col-1 { flex: 0 0 auto; width: 8.33333333%; }
.cf-col-2 { flex: 0 0 auto; width: 16.66666667%; }
.cf-col-3 { flex: 0 0 auto; width: 25%; }
.cf-col-4 { flex: 0 0 auto; width: 33.33333333%; }
.cf-col-5 { flex: 0 0 auto; width: 41.66666667%; }
.cf-col-6 { flex: 0 0 auto; width: 50%; }
.cf-col-7 { flex: 0 0 auto; width: 58.33333333%; }
.cf-col-8 { flex: 0 0 auto; width: 66.66666667%; }
.cf-col-9 { flex: 0 0 auto; width: 75%; }
.cf-col-10 { flex: 0 0 auto; width: 83.33333333%; }
.cf-col-11 { flex: 0 0 auto; width: 91.66666667%; }
.cf-col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px) {
  .cf-col-sm { flex: 1 0 0%; }
  .cf-col-sm-3 { flex: 0 0 auto; width: 25%; } .cf-col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .cf-col-sm-6 { flex: 0 0 auto; width: 50%; } .cf-col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .cf-col-sm-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 768px) {
  .cf-col-md { flex: 1 0 0%; }
  .cf-col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .cf-col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .cf-col-md-3 { flex: 0 0 auto; width: 25%; } .cf-col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .cf-col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .cf-col-md-6 { flex: 0 0 auto; width: 50%; } .cf-col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .cf-col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .cf-col-md-9 { flex: 0 0 auto; width: 75%; } .cf-col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .cf-col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .cf-col-md-12 { flex: 0 0 auto; width: 100%; }
  .cf-offset-md-1 { margin-left: 8.33333333%; } .cf-offset-md-2 { margin-left: 16.66666667%; } .cf-offset-md-3 { margin-left: 25%; }
  .cf-order-md-1 { order: 1 !important; } .cf-order-md-2 { order: 2 !important; }
}
@media (min-width: 992px) {
  .cf-col-lg { flex: 1 0 0%; }
  .cf-col-lg-3 { flex: 0 0 auto; width: 25%; } .cf-col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .cf-col-lg-6 { flex: 0 0 auto; width: 50%; } .cf-col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .cf-col-lg-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1200px) {
  .cf-col-xl-6 { flex: 0 0 auto; width: 50%; }
}
.cf-order-1 { order: 1 !important; }
.cf-order-2 { order: 2 !important; }

/* ---------- Yardımcılar ---------- */
.cf-items-center { align-items: center !important; }
.cf-justify-center { justify-content: center !important; }
.cf-text-center { text-align: center !important; }
.cf-text-muted { color: #6c757d !important; }
.cf-mb-3 { margin-bottom: 1rem !important; }
.cf-mb-4 { margin-bottom: 1.5rem !important; }
.cf-p-2 { padding: .5rem !important; }

/* ---------- Form alanı ---------- */
.cf-input { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.cf-input:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); }
.cf-input::placeholder { color: #6c757d; opacity: 1; }
.cf-input:disabled, .cf-input[readonly] { background-color: #e9ecef; opacity: 1; }
textarea.cf-input { min-height: calc(1.5em + .75rem + 2px); }

/* ---------- Buton ---------- */
.cf-btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.cf-btn:hover { color: #212529; }
.cf-btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); }
.cf-btn:disabled, .cf-btn.disabled { pointer-events: none; opacity: .65; }
.cf-btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; }
.cf-btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; }
.cf-btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.cf-btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; }

/* ---------- Modal (yalnız CSS; açılış tema JS'inde .show ile) ---------- */
.cf-fade { transition: opacity .15s linear; }
.cf-fade:not(.show) { opacity: 0; }
.cf-dialog { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }
.cf-dialog-box { position: relative; width: auto; margin: .5rem; pointer-events: none; }
.cf-dialog.cf-fade .cf-dialog-box { transition: transform .3s ease-out; transform: translate(0, -50px); }
.cf-dialog.show .cf-dialog-box { transform: none; }
.cf-dialog-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; }
.cf-dialog-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); }
.cf-dialog-title { margin-bottom: 0; line-height: 1.5; }
.cf-dialog-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.cf-dialog-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); }
.cf-dialog-footer > * { margin: .25rem; }
@media (min-width: 576px) { .cf-dialog-box { max-width: 500px; margin: 1.75rem auto; } }

/* ---------- Sayfalama ---------- */
.cf-pagination { display: flex; padding-left: 0; list-style: none; }
.cf-page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; padding: .375rem .75rem; }
.cf-page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; }
.cf-page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); }
.cf-page-item:not(:first-child) .cf-page-link { margin-left: -1px; }
.cf-page-item.active .cf-page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; }
.cf-page-item.disabled .cf-page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; }
.cf-page-item:first-child .cf-page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.cf-page-item:last-child .cf-page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

/* ---------- Ekmek kırıntısı ---------- */
.cf-breadcrumb-item + .cf-breadcrumb-item { padding-left: .5rem; }
.cf-breadcrumb-item + .cf-breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: "/"; }
.cf-breadcrumb-item.active { color: #6c757d; }

/* ---------- Diğer yardımcılar ---------- */
.cf-lead { font-size: 1.25rem; font-weight: 300; }
.cf-me-2 { margin-right: .5rem !important; }
.cf-py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }