/* ================================================
   Çiçekçi Modern — Ana Stiller  |  hantema.com
   ================================================ */

/* ── Genel body ── */
.cicekci-modern {
    font-family: var(--cicekci-font-body);
    color: var(--cicekci-text);
}

/* ── WooCommerce başlıklar ── */
.cicekci-modern .woocommerce h1,
.cicekci-modern .woocommerce h2,
.cicekci-modern .woocommerce h3,
.cicekci-modern .woocommerce-page h1,
.cicekci-modern .woocommerce-page h2,
.cicekci-modern .woocommerce-page h3 {
    font-family: var(--cicekci-font-heading);
}

/* ── Butonlar — genel ── */
.cicekci-modern .woocommerce a.button,
.cicekci-modern .woocommerce button.button,
.cicekci-modern .woocommerce input.button,
.cicekci-modern .woocommerce #respond input#submit,
.cicekci-modern .woocommerce a.button.alt,
.cicekci-modern .woocommerce button.button.alt,
.cicekci-modern .woocommerce input.button.alt {
    background: var(--cicekci-primary) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--cicekci-btn-radius) !important;
    padding: 12px 22px !important;
    font-family: var(--cicekci-font-body) !important;
    font-weight: 600 !important; font-size: 14px !important;
    transition: all .2s !important; cursor: pointer !important;
    text-decoration: none !important; display: inline-block !important;
    letter-spacing: .3px !important;
}
.cicekci-modern .woocommerce a.button:hover,
.cicekci-modern .woocommerce button.button:hover,
.cicekci-modern .woocommerce input.button:hover,
.cicekci-modern .woocommerce button.button.alt:hover {
    background: var(--cicekci-primary-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.1) !important;
}

/* outline style */
.cicekci-btn-outline .woocommerce a.button,
.cicekci-btn-outline .woocommerce button.button {
    background: transparent !important;
    border: 2px solid var(--cicekci-primary) !important;
    color: var(--cicekci-primary) !important;
}
.cicekci-btn-outline .woocommerce a.button:hover,
.cicekci-btn-outline .woocommerce button.button:hover {
    background: var(--cicekci-primary) !important;
    color: #fff !important;
}

/* soft style */
.cicekci-btn-soft .woocommerce a.button,
.cicekci-btn-soft .woocommerce button.button {
    background: var(--cicekci-primary-light) !important;
    color: var(--cicekci-primary-dark) !important;
    box-shadow: none !important;
}

/* ── Input alanları ── */
.cicekci-modern .woocommerce input[type="text"],
.cicekci-modern .woocommerce input[type="email"],
.cicekci-modern .woocommerce input[type="tel"],
.cicekci-modern .woocommerce input[type="password"],
.cicekci-modern .woocommerce input[type="number"],
.cicekci-modern .woocommerce textarea,
.cicekci-modern .woocommerce select {
    border: 1.5px solid #e5e5e5 !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    font-family: var(--cicekci-font-body) !important;
    font-size: 14px !important; color: var(--cicekci-text) !important;
    background: #fff !important;
    transition: border-color .2s, box-shadow .2s !important;
    width: 100% !important; box-sizing: border-box !important;
}
.cicekci-modern .woocommerce input:focus,
.cicekci-modern .woocommerce textarea:focus,
.cicekci-modern .woocommerce select:focus {
    border-color: var(--cicekci-primary) !important;
    box-shadow: 0 0 0 3px rgba(212,165,116,.1) !important;
    outline: none !important;
}

/* ── Bildirimler ── */
.cicekci-modern .woocommerce-error,
.cicekci-modern .woocommerce-message,
.cicekci-modern .woocommerce-info {
    border-radius: 10px !important;
    border-top: none !important;
    padding: 14px 18px !important;
    font-family: var(--cicekci-font-body) !important;
    font-size: 14px !important;
    margin-bottom: 16px !important;
}
.cicekci-modern .woocommerce-message {
    border-left: 3px solid var(--cicekci-primary) !important;
    background: #fffaf5 !important;
}
.cicekci-modern .woocommerce-error {
    border-left: 3px solid #ef4444 !important;
    background: #fff5f5 !important;
}
.cicekci-modern .woocommerce-info {
    border-left: 3px solid var(--cicekci-secondary) !important;
    background: #f5faf5 !important;
}

/* ── Breadcrumb ── */
.cicekci-modern .woocommerce-breadcrumb {
    font-size: 13px !important; color: #aaa !important;
    margin-bottom: 20px !important;
    font-family: var(--cicekci-font-body) !important;
}
.cicekci-modern .woocommerce-breadcrumb a { color: #aaa !important; text-decoration: none !important; }
.cicekci-modern .woocommerce-breadcrumb a:hover { color: var(--cicekci-primary) !important; }

/* ── Banner widget ── */
.cicekci-banner {
    background: var(--cicekci-accent, #f8f5f0);
    border-radius: 20px; padding: 60px 40px;
    text-align: center; position: relative; overflow: hidden;
}
.cicekci-banner-deco { font-size: 64px; line-height: 1; margin-bottom: 16px; display: block; animation: cicekciFloat 3s ease-in-out infinite; }
@keyframes cicekciFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.cicekci-banner-subtitle { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--cicekci-primary); font-weight: 700; margin-bottom: 10px; font-family: var(--cicekci-font-body); }
.cicekci-banner-title { font-size: 38px; font-family: var(--cicekci-font-heading); color: var(--cicekci-secondary); line-height: 1.2; margin-bottom: 14px; }
.cicekci-banner-desc { font-size: 15px; color: #777; margin-bottom: 28px; max-width: 480px; margin-left: auto; margin-right: auto; font-family: var(--cicekci-font-body); }
.cicekci-banner-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--cicekci-primary); color: #fff !important;
    padding: 13px 32px; border-radius: var(--cicekci-btn-radius, 50px);
    font-family: var(--cicekci-font-body); font-weight: 600; font-size: 14px;
    text-decoration: none !important; transition: all .2s;
}
.cicekci-banner-btn:hover {
    background: var(--cicekci-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0,0,0,.14);
}

@media (max-width: 768px) {
    .cicekci-banner { padding: 40px 20px; }
    .cicekci-banner-title { font-size: 26px; }
    .cicekci-banner-deco { font-size: 44px; }
}