/*
Theme Name: Among Ad
Theme URI: https://amongad.com
Author: Among Ad
Description: ธีมเว็บไซต์ Among Ad ทีมยิงแอดรายเดือนสำหรับ SME ดีไซน์ขาว-ดำ เบา เร็ว ไม่ต้องใช้ page builder แก้ LINE เบอร์โทร และตัวเลขได้ที่ ปรับแต่ง → ข้อมูล Among Ad
Version: 1.1.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: amongad
License: Proprietary
*/

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #FFFFFF; color: #0A0A0A; font-family: 'Kanit', sans-serif; -webkit-font-smoothing: antialiased; }
img, video { max-width: 100%; height: auto; }
a { color: #0A0A0A; }
a:hover { color: #5A5A5A; }
a[style*="background: #0A0A0A"]:hover, a[style*="background: #0A0A0A"]:focus { color: #FFFFFF; opacity: 0.86; }
a[style*="background: #FFFFFF"]:hover { color: #0A0A0A; opacity: 0.86; }
:focus-visible { outline: 3px solid #0A0A0A; outline-offset: 2px; }
footer :focus-visible, [style*="background: #0A0A0A"] :focus-visible { outline-color: #FFFFFF; }
[hidden] { display: none !important; }

.ama-skip { position: absolute; left: -9999px; top: 0; z-index: 100; background: #0A0A0A; color: #FFFFFF; padding: 12px 18px; }
.ama-skip:focus { left: 12px; top: 12px; color: #FFFFFF; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Responsive grids from the design */
@media (max-width: 1000px) { .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) { .grid-4 { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 900px) { .logo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .logo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 700px) { .grid-2 { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 800px) { .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* Mobile menu */
.ama-menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid #0A0A0A; background: #FFFFFF; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
@media (max-width: 860px) {
	.ama-menu-toggle { display: inline-flex; }
	.ama-header .ama-nav { display: none !important; width: 100%; flex-direction: column; align-items: stretch !important; gap: 0 !important; border-top: 1px solid #E5E5E5; padding-top: 8px; }
	.ama-header .ama-nav.is-open { display: flex !important; }
	.ama-header .ama-nav a { padding: 14px 0 !important; border-bottom: 1px solid #E5E5E5 !important; }
	.ama-header .ama-nav a:last-child { margin-top: 12px; justify-content: center; padding: 14px 20px !important; border-bottom: none !important; }
}

/* Small screens: keep long tables scrollable, tighten big paddings */
@media (max-width: 600px) {
	section > div[style*="padding: 96px"], section > div[style*="padding: 88px"], section > div[style*="padding: 104px"] { padding-top: 64px !important; padding-bottom: 64px !important; }
	form[style*="padding: 36px"], form[style*="padding: 32px"] { padding: 24px !important; }
}
.ama-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Article content (posts written in the WordPress editor) */
.ama-entry { font-size: 18px; line-height: 1.85; color: #1F1F1F; }
.ama-entry > * { margin: 0 0 22px; }
.ama-entry > *:last-child { margin-bottom: 0; }
.ama-entry h2 { margin: 42px 0 14px; font-size: 28px; line-height: 1.35; font-weight: 700; color: #0A0A0A; scroll-margin-top: 24px; }
.ama-entry h3 { margin: 32px 0 12px; font-size: 22px; line-height: 1.4; font-weight: 700; color: #0A0A0A; }
.ama-entry ul, .ama-entry ol { padding-left: 22px; }
.ama-entry li { margin-bottom: 8px; }
.ama-entry img { display: block; height: auto; }
.ama-entry figure { margin-left: 0; margin-right: 0; }
.ama-entry figcaption { font-size: 14px; color: #5A5A5A; margin-top: 8px; }
.ama-entry blockquote { margin-left: 0; padding: 4px 0 4px 24px; border-left: 3px solid #0A0A0A; font-size: 20px; font-weight: 600; }
.ama-entry a { text-underline-offset: 3px; }
.ama-entry table { width: 100%; border-collapse: collapse; font-size: 16px; }
.ama-entry th, .ama-entry td { border-bottom: 1px solid #E5E5E5; padding: 12px; text-align: left; }
.ama-entry .ama-formula { background: #0A0A0A; color: #FFFFFF; padding: 28px; }
.ama-entry .ama-formula p { margin: 0 0 12px; font-size: 16px; line-height: 1.7; color: #D9D9D9; }
.ama-entry .ama-formula p:last-child { margin-bottom: 0; }
.ama-entry .ama-formula .ama-formula-label { font-family: 'Kanit', sans-serif; font-size: 12px; letter-spacing: 0.12em; color: #BDBDBD; }
.ama-entry .ama-formula .ama-formula-main { font-family: 'Kanit', sans-serif; font-size: 22px; font-weight: 600; color: #FFFFFF; line-height: 1.5; }
.ama-entry .ama-checklist { border: 2px solid #0A0A0A; padding: 28px; margin-top: 36px; }
.ama-entry .ama-checklist h2 { margin: 0 0 14px; font-size: 22px; }
.ama-entry .ama-checklist ul { margin: 0; font-size: 17px; }
.ama-entry .wp-block-button__link { background: #0A0A0A; color: #FFFFFF; border-radius: 0; padding: 14px 24px; text-decoration: none; }

/* Pagination */
.ama-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.ama-pagination .page-numbers { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #0A0A0A; text-decoration: none; padding: 0 14px; font-family: 'Kanit', sans-serif; }
.ama-pagination .page-numbers.current { background: #0A0A0A; color: #FFFFFF; }

/* WordPress core classes */
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text { font-size: 14px; color: #5A5A5A; }

/* About: two certificates per row on phones */
@media (max-width: 560px) {
	[style*="minmax(200px, 1fr)"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	[style*="minmax(200px, 1fr)"] span[style*="font-size: 14px"] { font-size: 13px !important; }
}

/* Floating LINE / call buttons */
.ama-float { position: fixed; right: 20px; bottom: 20px; z-index: 50; display: flex; flex-direction: column; gap: 10px; }
.ama-float-btn { width: 56px; height: 56px; border-radius: 50%; background: #0A0A0A; color: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; text-decoration: none; box-shadow: 0 6px 18px rgba(0,0,0,0.22); border: 2px solid #FFFFFF; }
.ama-float-btn:hover, .ama-float-btn:focus { color: #FFFFFF; opacity: 0.88; }
.ama-float-label { font-size: 10px; line-height: 1; font-weight: 600; }
@media (max-width: 600px) { .ama-float { right: 14px; bottom: 14px; } }
@media print { .ama-float { display: none; } }