/* ============================================================
   glastuerwelt.de - CMS sayfalari ve uzun icerik bloklari
   themes/classicc/assets/css/gw-icerik.css
   Icerik silinmez; yalnizca yazi olculeri, gorsel yuksekligi
   ve bosluklar site olcusune (1630 px) gore kuculur.
   ============================================================ */

/* ---------------- 1. CMS SAYFA TIPOGRAFISI ---------------- */
.page-cms #content h1,
.page-cms #content .elementor h1 {
    font-size: 26px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    margin: 0 0 10px !important;
    letter-spacing: -.2px !important;
}
.page-cms #content h2,
.page-cms #content .elementor h2 {
    font-size: 19px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    margin: 0 0 8px !important;
    letter-spacing: 0 !important;
}
.page-cms #content h3,
.page-cms #content .elementor h3 {
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    margin: 0 0 6px !important;
}
.page-cms #content h4,
.page-cms #content h5 { font-size: 13.5px !important; line-height: 1.3 !important; margin: 0 0 5px !important; }
.page-cms #content p,
.page-cms #content li,
.page-cms #content td,
.page-cms #content .elementor-text-editor,
.page-cms #content .elementor-icon-list-text,
.page-cms #content .elementor-icon-box-description {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}
.page-cms #content strong,
.page-cms #content .elementor-icon-box-title,
.page-cms #content .elementor-icon-box-title div { font-size: 13.5px !important; line-height: 1.3 !important; }
.page-cms #content ul,
.page-cms #content ol { margin: 0 0 9px !important; padding-left: 18px !important; }
.page-cms #content li { margin-bottom: 2px !important; }
.page-cms #content a { font-size: inherit; }

/* ---------------- 2. CMS BOSLUKLARI ---------------- */
.page-cms #content .elementor-top-section { padding-top: 12px !important; padding-bottom: 12px !important; }
.page-cms #content .elementor-inner-section { padding-top: 0 !important; padding-bottom: 0 !important; }
.page-cms #content .elementor-column-wrap { padding: 8px 10px !important; }
.page-cms #content .elementor-widget { margin-bottom: 7px !important; }
.page-cms #content .elementor-widget:last-child { margin-bottom: 0 !important; }
.page-cms #content .elementor-icon-list-item { padding: 1px 0 !important; }
.page-cms #content .elementor-divider { padding: 6px 0 !important; }
.page-cms #content .elementor-spacer-inner { height: 10px !important; }
.page-cms #content .elementor-button { padding: 8px 15px !important; font-size: 12.5px !important; border-radius: 8px !important; }
.page-cms #content .elementor-icon { width: 34px !important; height: 34px !important; }
.page-cms #content .elementor-icon i { font-size: 17px !important; }

/* ---------------- 3. CMS GORSELLERI ---------------- */
.page-cms #content img {
    max-height: 210px !important;
    width: 100%;
    object-fit: cover;
    display: block;
}
.page-cms #content [class*="__media"] {
    height: 210px !important;
    min-height: 0 !important;
    overflow: hidden;
    border-radius: 10px;
}
.page-cms #content [class*="__media"] img { height: 210px !important; max-height: 210px !important; }
.page-cms #content .elementor-widget-image img { border-radius: 10px; }

/* ---------------- 4. CMS ICERIK BLOKLARI (gtw-hub ailesi) ---------------- */
.page-cms #content [class*="__intro"],
.page-cms #content [class*="__feature"],
.page-cms #content [class*="__compare-block"],
.page-cms #content [class*="__plan"],
.page-cms #content [class*="__faq"],
.page-cms #content [class*="__cta"],
.page-cms #content [class*="__hero"],
.page-cms #content [class*="__products"],
.page-cms #content [class*="__guides"],
.page-cms #content [class*="__quality"],
.page-cms #content [class*="__consulting"],
.page-cms #content [class*="__editorial"],
.page-cms #content [class*="__steps"],
.page-cms #content [class*="__usecases"] {
    padding: 16px !important;
    gap: 14px !important;
    margin-bottom: 10px !important;
}
.page-cms #content [class*="__intro-copy"],
.page-cms #content [class*="__intro-nav"],
.page-cms #content [class*="__feature-copy"],
.page-cms #content [class*="__feature-lead"],
.page-cms #content [class*="__feature-list"],
.page-cms #content [class*="__compare-intro"],
.page-cms #content [class*="__plan-intro"],
.page-cms #content [class*="__plan-list"],
.page-cms #content [class*="__faq-list"],
.page-cms #content [class*="__cta-copy"] {
    padding: 0 !important;
    gap: 9px !important;
    margin-bottom: 9px !important;
}
.page-cms #content [class*="-grid"],
.page-cms #content [class*="__cards"],
.page-cms #content [class*="__items"],
.page-cms #content [class*="__tiles"] { gap: 11px !important; }
.page-cms #content [class*="__eyebrow"] {
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 1.1px;
    margin-bottom: 4px !important;
}
.page-cms #content [class*="__lead"] { font-size: 13px !important; line-height: 1.5 !important; }
.page-cms #content [class*="__button"] { padding: 9px 15px !important; font-size: 12.5px !important; }
.page-cms #content [class*="__checklist"] { padding-left: 18px !important; gap: 4px !important; }
.page-cms #content [class*="__table-wrap"] { padding: 10px !important; }
.page-cms #content [class*="__table-wrap"] th,
.page-cms #content [class*="__table-wrap"] td { padding: 5px 8px !important; font-size: 12px !important; line-height: 1.35 !important; }

/* ---------------- 5. TABLET ---------------- */
@media (max-width: 991px) {
    .page-cms #content h1,
    .page-cms #content .elementor h1 { font-size: 22px !important; }
    .page-cms #content h2,
    .page-cms #content .elementor h2 { font-size: 17px !important; }
    .page-cms #content img { max-height: 185px !important; }
    .page-cms #content [class*="__media"],
    .page-cms #content [class*="__media"] img { height: 185px !important; }
    .page-cms #content .elementor-column-wrap { padding: 7px 9px !important; }
}

/* ---------------- 6. TELEFON ---------------- */
@media (max-width: 767px) {
    .page-cms #content h1,
    .page-cms #content .elementor h1 { font-size: 19px !important; line-height: 1.22 !important; }
    .page-cms #content h2,
    .page-cms #content .elementor h2 { font-size: 16px !important; }
    .page-cms #content h3,
    .page-cms #content .elementor h3 { font-size: 14px !important; }
    .page-cms #content p,
    .page-cms #content li { font-size: 12.5px !important; line-height: 1.48 !important; }
    .page-cms #content img { max-height: 165px !important; }
    .page-cms #content [class*="__media"],
    .page-cms #content [class*="__media"] img { height: 165px !important; }
    .page-cms #content [class*="__intro"],
    .page-cms #content [class*="__feature"],
    .page-cms #content [class*="__compare-block"],
    .page-cms #content [class*="__plan"],
    .page-cms #content [class*="__faq"],
    .page-cms #content [class*="__cta"],
    .page-cms #content [class*="__hero"],
    .page-cms #content [class*="__products"],
    .page-cms #content [class*="__guides"],
    .page-cms #content [class*="__quality"],
    .page-cms #content [class*="__consulting"] { padding: 13px !important; gap: 11px !important; }
    .page-cms #content .elementor-column-wrap { padding: 6px 8px !important; }
}