@charset "UTF-8";

/* src/styles.scss */
:root {
  --accent: #d57b4a;
  --ink: #261c18;
  --paper: #fff7ed;
  --surface: #fffaf3;
  --muted: color-mix(in srgb, var(--ink) 68%, transparent);
  --border: color-mix(in srgb, var(--ink) 10%, transparent);
  --card: color-mix(in srgb, var(--surface) 72%, white);
  --shadow: color-mix(in srgb, var(--ink) 9%, transparent);
  --glow: color-mix(in srgb, var(--accent) 20%, transparent);
}
* {
  box-sizing: border-box;
}
html {
  background:
    radial-gradient(
      circle at top left,
      var(--glow),
      transparent 32rem),
    linear-gradient(
      135deg,
      var(--paper),
      #f6eadb 48%,
      #fffaf3);
  color: var(--ink);
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
html[data-design=global] {
  background:
    radial-gradient(
      circle at 82% 8%,
      var(--glow),
      transparent 28rem),
    radial-gradient(
      circle at 10% 16%,
      color-mix(in srgb, var(--accent) 14%, transparent),
      transparent 24rem),
    linear-gradient(
      135deg,
      #f3fbf8,
      #ffffff 48%,
      #edf7f3);
}
html[data-design=aymudo] {
  --accent: #ff4d2e;
  --ink: #101b1a;
  --paper: #f8f4e9;
  --surface: #fffaf0;
  background:
    radial-gradient(
      circle at 90% 4%,
      rgba(255, 77, 46, 0.12),
      transparent 30rem),
    linear-gradient(
      145deg,
      #f8f4e9,
      #fffdf7 58%,
      #eee9dc);
}
html[data-design=aymudo][data-effective-theme=dark] {
  --accent: #ff765f;
  --ink: #f8f4e9;
  --paper: #0b1312;
  --surface: #14201e;
  background:
    radial-gradient(
      circle at 90% 4%,
      rgba(255, 77, 46, 0.14),
      transparent 30rem),
    linear-gradient(
      145deg,
      #0b1312,
      #101b1a 58%,
      #151e1c);
}
html[data-design=falderyasi] {
  background:
    radial-gradient(
      circle at 14% 8%,
      color-mix(in srgb, #ff8ec3 34%, transparent),
      transparent 28rem),
    radial-gradient(
      circle at 86% 18%,
      color-mix(in srgb, #b83280 18%, transparent),
      transparent 24rem),
    radial-gradient(
      circle at 50% 100%,
      color-mix(in srgb, #ffd6e8 50%, transparent),
      transparent 30rem),
    linear-gradient(
      135deg,
      var(--paper),
      #ffe4ef 48%,
      #fff8fb);
}
html[data-design=hobyle] {
  background:
    radial-gradient(
      circle at 88% 10%,
      color-mix(in srgb, var(--accent) 16%, transparent),
      transparent 28rem),
    linear-gradient(
      145deg,
      var(--paper),
      color-mix(in srgb, var(--accent) 5%, var(--surface)));
}
html[data-design=ceondent] {
  --clinic-hero-background:
    radial-gradient(
      circle at var(--light-x, 72%) var(--light-y, 28%),
      rgba(255,255,255,.98) 0,
      rgba(255,255,255,.38) 17%,
      transparent 38%),
    linear-gradient(
      135deg,
      #f9ffff 0%,
      #e8f7f5 54%,
      #d9eeec 100%);
  --clinic-hero-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 36px 90px rgba(18,80,87,.09);
  background:
    radial-gradient(
      circle at 12% 8%,
      color-mix(in srgb, var(--accent) 13%, transparent),
      transparent 30rem),
    linear-gradient(
      145deg,
      var(--paper),
      #fff 55%,
      color-mix(in srgb, var(--accent) 7%, var(--paper)));
}
html[data-design=ceondent][data-effective-theme=dark] {
  --clinic-hero-background:
    radial-gradient(
      circle at var(--light-x, 72%) var(--light-y, 28%),
      rgba(99,214,207,.18) 0,
      rgba(16,38,44,.5) 19%,
      transparent 42%),
    linear-gradient(
      135deg,
      #0b2228 0%,
      #102d32 54%,
      #07191e 100%);
  --clinic-hero-shadow: inset 0 1px 0 rgba(236,255,255,.1), 0 36px 90px rgba(0,0,0,.3);
  background:
    radial-gradient(
      circle at 12% 8%,
      color-mix(in srgb, var(--accent) 16%, transparent),
      transparent 30rem),
    linear-gradient(
      145deg,
      var(--paper),
      color-mix(in srgb, var(--surface) 86%, #02090b) 55%,
      var(--paper));
}
html[data-design=umutdemir],
html[data-design=umutdemironline] {
  background:
    radial-gradient(
      circle at 82% 9%,
      color-mix(in srgb, var(--accent) 18%, transparent),
      transparent 26rem),
    linear-gradient(
      145deg,
      var(--paper),
      color-mix(in srgb, var(--accent) 7%, var(--surface)));
}
html[data-design=global][data-effective-theme=dark] {
  background:
    radial-gradient(
      circle at 82% 8%,
      var(--glow),
      transparent 28rem),
    radial-gradient(
      circle at 10% 16%,
      color-mix(in srgb, var(--accent) 12%, transparent),
      transparent 24rem),
    linear-gradient(
      135deg,
      #071311,
      #0e1c19 48%,
      #122622);
}
html[data-design=falderyasi][data-effective-theme=dark] {
  background:
    radial-gradient(
      circle at 14% 8%,
      color-mix(in srgb, #ff8ec3 22%, transparent),
      transparent 28rem),
    radial-gradient(
      circle at 90% 18%,
      color-mix(in srgb, #d9468f 18%, transparent),
      transparent 24rem),
    radial-gradient(
      circle at 50% 100%,
      color-mix(in srgb, #712558 28%, transparent),
      transparent 30rem),
    linear-gradient(
      135deg,
      #180715,
      #261026 48%,
      #110611);
}
body {
  font-family:
    Avenir Next,
    Nunito Sans,
    Trebuchet MS,
    sans-serif;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow-x: clip;
}
app-root {
  display: block;
  inline-size: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}
html[data-design=hobyle] app-root > .shell,
html[data-design=ceondent] app-root > .shell,
html[data-design=umutdemir] app-root > .shell,
html[data-design=umutdemironline] app-root > .shell {
  margin-inline: auto;
  max-width: 1480px;
  width: 100%;
}
.service-home,
.service-home > *,
.service-hero,
.service-hero > *,
.hero-copy,
.hero-copy h1,
.hero-copy > span {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.service-home,
.service-hero {
  overflow-x: hidden;
}
img,
svg,
video,
canvas {
  max-width: 100%;
}
h1,
h2,
h3 {
  font-family:
    Georgia,
    Charter,
    serif;
}
html[data-design=falderyasi] .credit-hero,
html[data-design=falderyasi] .feeds-hero,
html[data-design=falderyasi] .support-hero,
html[data-design=falderyasi] .orders-hero,
html[data-design=falderyasi] .sellers-hero,
html[data-design=falderyasi] .tickets-hero,
html[data-design=falderyasi] .content-hero,
html[data-design=falderyasi] .legal-hero,
html[data-design=falderyasi] .page-card {
  border-radius: 28px;
  box-shadow: 0 16px 42px color-mix(in srgb, var(--shadow) 58%, transparent) !important;
  padding: clamp(18px, 3vw, 30px) !important;
}
html[data-design=falderyasi] .credit-hero h1,
html[data-design=falderyasi] .feeds-hero h1,
html[data-design=falderyasi] .support-hero h1,
html[data-design=falderyasi] .orders-hero h1,
html[data-design=falderyasi] .sellers-hero h1,
html[data-design=falderyasi] .tickets-hero h1,
html[data-design=falderyasi] .content-hero h1,
html[data-design=falderyasi] .legal-hero h1,
html[data-design=falderyasi] .page-card h1 {
  font-size: clamp(28px, 4vw, 46px) !important;
  line-height: 1 !important;
  margin: 8px 0 !important;
}
html[data-design=falderyasi] .lead,
html[data-design=falderyasi] .credit-hero p,
html[data-design=falderyasi] .feeds-hero p,
html[data-design=falderyasi] .support-hero p,
html[data-design=falderyasi] .orders-hero p,
html[data-design=falderyasi] .tickets-hero p,
html[data-design=falderyasi] .content-hero p,
html[data-design=falderyasi] .legal-hero p {
  font-size: clamp(14px, 1.4vw, 17px) !important;
  max-width: 760px;
}
.blog-editor {
  background: color-mix(in srgb, var(--paper) 38%, transparent);
  border: 1px solid var(--border);
  border-radius: 24px;
  display: grid;
  gap: 14px;
  padding: 16px;
}
.blog-editor__head {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}
.blog-editor__head > div:first-child {
  display: grid;
  gap: 4px;
}
.blog-editor__head small,
.blog-preview__label {
  color: var(--muted);
  line-height: 1.45;
}
.blog-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.blog-editor__grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}
.blog-editor__input,
.blog-preview {
  display: grid;
  gap: 10px;
}
.blog-editor__input textarea {
  min-height: 360px;
  resize: vertical;
}
.blog-preview {
  background: color-mix(in srgb, var(--surface) 90%, transparent);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 16px;
}
.blog-preview__body {
  color: var(--ink);
  display: grid;
  gap: 12px;
  line-height: 1.7;
}
.blog-preview__body h2,
.blog-preview__body h3 {
  letter-spacing: -0.04em;
  line-height: 1.05;
  margin: 0;
}
.blog-preview__body p,
.blog-preview__body ul,
.blog-preview__body blockquote {
  margin: 0;
}
.blog-preview__body ul {
  padding-left: 18px;
}
.blog-preview__body blockquote {
  border-left: 3px solid color-mix(in srgb, var(--accent) 50%, var(--border));
  color: var(--muted);
  padding-left: 14px;
}
.blog-preview__body hr {
  border: 0;
  border-top: 1px solid var(--border);
  width: 100%;
}
.blog-preview__body a {
  color: var(--accent);
  font-weight: 900;
  text-decoration: none;
}
.blog-preview__empty {
  color: var(--muted);
}
@media (max-width: 620px) {
  .blog-editor__head,
  .blog-editor__grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  .blog-toolbar {
    justify-content: flex-start;
  }
}
.falderyasi-listing-card {
  align-items: center;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding: 16px 18px;
}
.falderyasi-listing-card .card-body {
  display: grid;
  gap: 5px;
}
.falderyasi-listing-card .seller-name {
  color: var(--muted);
  font-size: 0.86rem;
  margin: 0;
}
.falderyasi-listing-card h3 {
  font-size: 1.05rem;
  margin: 0;
}
.fortune-listing-category {
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 800;
}
.fortune-listing-status {
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 900;
}
.falderyasi-listing-card .rating-line {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.falderyasi-listing-card .price-field {
  justify-self: end;
}
.falderyasi-listing-card:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */