/*
Theme Name: AP Automations
Theme URI: https://apauto.co.il
Author: ענת רפאלי פלד
Author URI: https://apauto.co.il
Description: AP Automations — מערכות חכמות שעובדות בשבילך. אתר landing page מלא עם אנימציות וסגנון מקצועי.
Version: 2.1
Text Domain: ap-automations
Tags: rtl, one-page, business, automation
*/

/* ==========================================================
   Blog listing page (/blog)
   ========================================================== */
.blog-page{padding-top:8rem;min-height:70vh}
.blog-page .section-title{font-size:clamp(2rem,4.5vw,2.8rem)}
.blog-card-title-link{color:inherit;text-decoration:none}
.blog-card-title-link:hover{color:var(--primary)}
.blog-card-img-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4C1D95,#6C3CE1);text-decoration:none;overflow:hidden}
.blog-card-img-fallback img{width:100%;height:100%;object-fit:cover}
.blog-pagination{text-align:center;margin-top:2.5rem}
.blog-pagination .nav-links{display:flex;gap:0.5rem;justify-content:center}
.blog-pagination a,.blog-pagination span.current{padding:0.5rem 1rem;border-radius:10px;border:1px solid var(--border);text-decoration:none;color:var(--text-medium)}
.blog-pagination span.current{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ==========================================================
   Single post
   ========================================================== */
.single-post{padding-top:7.5rem;background:var(--bg-main)}
.single-container{max-width:800px}
.breadcrumbs{font-size:0.9rem;color:var(--text-light);margin-bottom:1.5rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.breadcrumbs a{color:var(--text-medium);text-decoration:none;transition:color .2s}
.breadcrumbs a:hover{color:var(--primary)}
.breadcrumbs .bc-sep{color:var(--text-light)}
.breadcrumbs [aria-current="page"]{color:var(--primary);font-weight:600}
.single-cat{margin-bottom:1rem;display:inline-block}
.single-title{font-size:clamp(1.9rem,5vw,2.7rem);font-weight:900;line-height:1.2;color:var(--text-dark);margin-bottom:1rem}
.single-meta{display:flex;gap:1.5rem;font-size:0.9rem;color:var(--text-light);margin-bottom:2.25rem;padding-bottom:1.75rem;border-bottom:2px solid var(--border);flex-wrap:wrap}
.single-hero{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2.25rem;box-shadow:var(--shadow-lg)}
.single-hero img{width:100%;height:auto;display:block}
.single-body{font-size:1.06rem;color:var(--text-medium);line-height:1.9}
.single-body h2{font-size:1.45rem;font-weight:800;color:var(--text-dark);margin:2.5rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}
.single-body h3{font-size:1.15rem;font-weight:700;color:var(--primary);margin:1.75rem 0 0.75rem}
.single-body p{margin-bottom:1.25rem}
.single-body strong{color:var(--text-dark);font-weight:700}
.single-body a{color:var(--primary);font-weight:600}
.single-body ul,.single-body ol{margin:0 1.4rem 1.4rem 0;padding-right:0.6rem}
.single-body li{margin-bottom:0.6rem}
.single-body blockquote{background:linear-gradient(135deg,rgba(108,60,225,0.06),rgba(0,212,170,0.06));border-radius:16px;padding:1.5rem 1.75rem;margin:2rem 0;border:1px solid rgba(108,60,225,0.12);border-right:4px solid var(--primary)}
.single-body blockquote p{margin:0;font-weight:500;color:var(--text-dark)}
.single-body table{width:100%;border-collapse:collapse;margin:1.75rem 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);font-size:0.95rem}
.single-body th{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:0.8rem 1rem;text-align:right;font-weight:700}
.single-body td{padding:0.75rem 1rem;border-bottom:1px solid var(--border)}
.single-body tr:last-child td{border-bottom:none}

/* Author box */
.author-box{display:flex;align-items:center;gap:1.25rem;background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border);margin-top:3rem;box-shadow:var(--shadow)}
.author-img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid rgba(108,60,225,0.2)}
.author-meta h4{font-size:0.82rem;font-weight:700;color:var(--primary);letter-spacing:0.5px;margin-bottom:0.3rem}
.author-name{font-weight:800;color:var(--text-dark);margin-bottom:0.35rem}
.author-bio{font-size:0.92rem;color:var(--text-medium);margin:0;line-height:1.7}

/* Recommended posts */
.recommended{margin-top:3.5rem}
.recommended-title{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin-bottom:1.5rem}
.recommended .blog-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* FAQ block */
.faq-block{margin-top:3rem;background:var(--bg-card);border-radius:16px;padding:1.75rem;border:1px solid var(--border);box-shadow:var(--shadow)}
.faq-block h3{font-size:1.3rem;font-weight:800;color:var(--text-dark);margin-bottom:1rem}
.faq-block details{border-bottom:1px solid var(--border);padding:0.85rem 0}
.faq-block details:last-child{border-bottom:none}
.faq-block summary{font-weight:700;color:var(--text-dark);cursor:pointer;list-style-position:inside}
.faq-block summary:hover{color:var(--primary)}
.faq-block details p{margin:0.75rem 0 0;color:var(--text-medium);line-height:1.8}

/* Contact block on single */
.single-contact{margin-top:3.5rem;padding-top:2.5rem;border-top:2px solid var(--border)}
.single-contact .section-header{margin-bottom:2rem}
.single-contact-form .contact-form{max-width:560px;margin:0 auto}

/* ==========================================================
   Static pages (terms / accessibility)
   ========================================================== */
.page-wrap{padding-top:8rem;padding-bottom:4rem;background:var(--bg-main);min-height:70vh}
.page-body h2{font-size:1.35rem;font-weight:800;color:var(--text-dark);margin:2.2rem 0 0.9rem}
.page-body h3{font-size:1.1rem;font-weight:700;color:var(--primary);margin:1.6rem 0 0.7rem}
.page-body p,.page-body li{color:var(--text-medium);line-height:1.9}
.page-body ul,.page-body ol{margin:0 1.4rem 1.4rem 0}

/* ==========================================================
   Clients strip (homepage)
   ========================================================== */
.clients{padding:3.5rem 0;background:var(--bg-main)}
.clients .section-header{margin-bottom:2rem}
.clients-strip{display:flex;gap:3rem;align-items:center;justify-content:center;flex-wrap:wrap}
.client-logo{max-height:64px;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:0.75;transition:filter .3s,opacity .3s,transform .3s}
.client-logo:hover{filter:grayscale(0);opacity:1;transform:translateY(-3px)}
