/* Stom Article Styles — scoped CSS for .stom-article blog posts. Enqueued on single posts only. */

/* Shared container + typography */
.stom-article{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;max-width:980px;margin:0 auto;padding:24px 20px;color:#222;line-height:1.7;background:#fff}
.stom-article h1{color:#003f5c;font-size:32px;line-height:1.25;margin:10px 0 16px}
.stom-article h2{color:#006699;font-size:24px;margin-top:40px;padding-bottom:8px;border-bottom:2px solid #e0edf5}
.stom-article h3{color:#006699;font-size:19px;margin-top:28px}
.stom-article h4{color:#005580;font-size:16px;margin-top:20px}
.stom-article a{color:#0099cc;text-decoration:none}
.stom-article a:hover{text-decoration:underline}
.stom-article p{margin:12px 0}
.stom-article ul, .stom-article ol{padding-left:24px}
.stom-article li{margin:6px 0}
.stom-article blockquote{border-left:4px solid #0099cc;background:#f2f9fd;padding:18px 22px;margin:22px 0;font-style:italic;border-radius:0 10px 10px 0}
.stom-article blockquote footer{margin-top:12px;font-style:normal;font-size:14px;color:#555}
.stom-article code{background:#f0f4f8;padding:2px 6px;border-radius:4px;font-size:.92em}
.stom-article table{border-collapse:collapse;width:100%;margin:20px 0;font-size:15px}
.stom-article th{background:linear-gradient(135deg,#006699,#0099cc);color:#fff;padding:12px 14px;text-align:left}
.stom-article td{padding:10px 14px;border-bottom:1px solid #e0e0e0;vertical-align:top}
.stom-article tr:nth-child(even) td{background:#f8fbfd}
.stom-article figure,body.single-post .elementor-widget-theme-post-content .stom-article figure{margin:24px auto !important;text-align:center !important;max-width:560px !important;width:auto !important}
.stom-article figure img,body.single-post .elementor-widget-theme-post-content .stom-article figure img{max-width:100% !important;width:auto !important;height:auto !important;max-height:560px !important;border-radius:10px !important;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:0 auto !important;display:block !important;object-fit:contain !important}
.stom-article figcaption,body.single-post .elementor-widget-theme-post-content .stom-article figcaption{font-size:.9em !important;color:#666 !important;margin:.5em auto 0 !important;font-style:italic !important;text-align:center !important;max-width:560px !important}
@media(max-width:600px){.stom-article figure,.stom-article figure img,.stom-article figcaption,body.single-post .elementor-widget-theme-post-content .stom-article figure,body.single-post .elementor-widget-theme-post-content .stom-article figure img{max-width:100% !important}}

/* Featured image widget at top of single posts — cap size so square B/A composites don't blow up */
body.single-post .elementor-widget-theme-post-featured-image{text-align:center !important}
body.single-post .elementor-widget-theme-post-featured-image .elementor-widget-container{max-width:560px !important;margin:0 auto !important}
body.single-post .elementor-widget-theme-post-featured-image img{max-width:100% !important;width:auto !important;height:auto !important;max-height:560px !important;margin:0 auto !important;display:block !important;object-fit:contain !important}
@media(max-width:600px){body.single-post .elementor-widget-theme-post-featured-image .elementor-widget-container,body.single-post .elementor-widget-theme-post-featured-image img{max-width:100% !important}}

/* Inline WhatsApp links — theme force-styles a[href*="wa.me"] as a big pill button even inline. Restore normal look when inside lists/sentences. */
body.single-post .elementor-widget-theme-post-content li a[href*="wa.me"],
body.single-post .elementor-widget-theme-post-content p a[href*="wa.me"],
body.single-post .elementor-widget-theme-post-content td a[href*="wa.me"],
body.single-post .elementor-widget-theme-post-content span a[href*="wa.me"]{display:inline !important;background:none !important;background-image:none !important;color:#006699 !important;padding:0 !important;margin:0 !important;border-radius:0 !important;font-weight:600 !important;font-size:inherit !important;box-shadow:none !important;text-decoration:underline !important;gap:0 !important;transform:none !important;align-items:baseline !important}
body.single-post .elementor-widget-theme-post-content li a[href*="wa.me"]:hover,
body.single-post .elementor-widget-theme-post-content p a[href*="wa.me"]:hover,
body.single-post .elementor-widget-theme-post-content td a[href*="wa.me"]:hover,
body.single-post .elementor-widget-theme-post-content span a[href*="wa.me"]:hover{color:#0099cc !important;transform:none !important;box-shadow:none !important}

/* Callouts + cards */
.stom-article .callout{background:linear-gradient(135deg,#fff6f0,#ffe8d9);border-left:4px solid #d9531e;padding:18px 22px;margin:20px 0;border-radius:0 10px 10px 0}
.stom-article .callout-green{background:linear-gradient(135deg,#f0fff4,#e8fdef);border-left:4px solid #00b359;padding:18px 22px;margin:20px 0;border-radius:0 10px 10px 0}
.stom-article .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:22px 0}
.stom-article .card{background:#fff;border-left:4px solid #0099cc;padding:16px 18px;border-radius:0 10px 10px 0;box-shadow:0 2px 8px rgba(0,102,153,.06)}
.stom-article .card strong{color:#006699;display:block;margin-bottom:6px;font-size:15px}
.stom-article .card p{margin:4px 0 0;font-size:14px;color:#555;line-height:1.55}

/* Red-flag numbered list */
.stom-article .redflag{counter-reset:rf;list-style:none;padding-left:0}
.stom-article .redflag li{counter-increment:rf;position:relative;padding:10px 14px 10px 50px;margin:8px 0;background:#fff7f5;border-left:3px solid #d9531e;border-radius:0 6px 6px 0}
.stom-article .redflag li::before{content:counter(rf);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#d9531e;color:#fff;border-radius:50%;text-align:center;line-height:28px;font-weight:700;font-size:13px}

/* Traffic-light + rescue cards */
.stom-article .traffic{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}
.stom-article .traffic > div{padding:18px 20px;border-radius:10px}
.stom-article .tl-green{background:linear-gradient(135deg,#f0fff4,#e8fdef);border:2px solid #00b359}
.stom-article .tl-yellow{background:linear-gradient(135deg,#fffbe8,#fff2c4);border:2px solid #e6a700}
.stom-article .tl-red{background:linear-gradient(135deg,#fff0f0,#fde0e0);border:2px solid #c0392b}
.stom-article .rescue-card{background:#fff;border:1px solid #e0edf5;border-radius:12px;padding:20px 22px;margin:14px 0;box-shadow:0 2px 10px rgba(0,102,153,.05)}
.stom-article .rescue-card h4{margin-top:0;color:#003f5c}
.stom-article .rescue-card .tag{display:inline-block;background:#e8f4fd;color:#006699;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;margin-right:6px}

/* Promise + QnA lists */
.stom-article .promise-list{counter-reset:pr;list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.stom-article .promise-list li{counter-increment:pr;background:#fff;border-left:4px solid #00b359;padding:14px 16px 14px 56px;border-radius:0 10px 10px 0;position:relative;box-shadow:0 2px 8px rgba(0,179,89,.06)}
.stom-article .promise-list li::before{content:counter(pr);position:absolute;left:14px;top:14px;width:32px;height:32px;background:linear-gradient(135deg,#00b359,#008a3d);color:#fff;border-radius:50%;text-align:center;line-height:32px;font-weight:700}
.stom-article .qna-list{counter-reset:qna;list-style:none;padding-left:0}
.stom-article .qna-list li{counter-increment:qna;padding:8px 14px 8px 42px;position:relative;border-bottom:1px dotted #dde7ef;font-size:14.5px}
.stom-article .qna-list li::before{content:counter(qna);position:absolute;left:6px;top:10px;width:28px;height:22px;background:#0099cc;color:#fff;border-radius:4px;text-align:center;font-weight:700;font-size:12px;line-height:22px}
.stom-article .group-heading{margin-top:18px;color:#006699;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px}

/* Lead form + misc */
.stom-article .lead-form{background:linear-gradient(135deg,#006699,#0099cc);border-radius:16px;padding:30px 24px;margin:32px 0;color:#fff}
.stom-article .lead-form form{background:#fff;border-radius:12px;padding:24px;color:#333}
.stom-article .lead-form label{display:block;font-size:13px;font-weight:600;color:#006699;margin-bottom:6px}
.stom-article .lead-form input,.stom-article .lead-form select,.stom-article .lead-form textarea{width:100%;padding:10px 12px;border:1px solid #d4e0e8;border-radius:8px;font-size:15px;box-sizing:border-box;margin-bottom:12px;font-family:inherit}
.stom-article .lead-form button{background:linear-gradient(135deg,#006699,#0099cc);color:#fff;border:none;padding:13px 22px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;width:100%}
.stom-article .lead-form-rescue{background:linear-gradient(135deg,#8b0000,#c0392b)}
.stom-article .faq-q{font-weight:700;color:#006699;margin-top:18px}
.stom-article .cost-table tr:nth-child(even){background:#f8fafc}

/* Antalya tourism buttons */
.stom-article .cta-btn{display:inline-block;background:linear-gradient(135deg,#006699,#0099cc);color:#fff !important;padding:14px 26px;border-radius:10px;font-weight:700;text-decoration:none;letter-spacing:.3px}
.stom-article .wa-btn{display:inline-block;background:#25D366;color:#fff !important;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none}

@media(max-width:600px){.stom-article h1{font-size:26px}.stom-article h2{font-size:21px}}