diff --git a/wp-content/themes/dekart/assets/css/front-page.css b/wp-content/themes/dekart/assets/css/front-page.css index eb12243..ba55376 100644 --- a/wp-content/themes/dekart/assets/css/front-page.css +++ b/wp-content/themes/dekart/assets/css/front-page.css @@ -1570,7 +1570,7 @@ .faq-front__item { border-radius: var(--radius-sm, 12px); background: var(--color-bg, #FFFFFF); - box-shadow: var(--shadow-sm, 0 2px 12px rgba(15,23,42,0.06)); + box-shadow: 0 4px 16px rgba(15,23,42,.08); overflow: hidden; } .faq-front__item[open] { @@ -1604,6 +1604,13 @@ .faq-front__question:hover { color: var(--color-primary, #2563EB); } +.faq-front__question:active { + transform: scale(0.98); +} +.faq-front__question:focus-visible { + outline: 3px solid var(--color-primary); + outline-offset: 3px; +} .faq-front__cta { margin-top: 32px; text-align: center; @@ -1623,24 +1630,28 @@ .faq-front__cta-btn { display: inline-flex; align-items: center; - padding: 10px 28px; + padding: 12px 28px; border-radius: var(--radius-sm, 12px); - font-size: 0.9375rem; + font-size: 1rem; font-weight: 600; background: var(--color-primary, #2563EB); color: #FFFFFF; text-decoration: none; transition: background .2s, transform .2s; + min-height: 44px; } .faq-front__cta-btn:hover { background: var(--color-primary-dark, #1D4ED8); transform: translateY(-2px); } +.faq-front__cta-btn:active { + transform: scale(0.97); +} .faq-front__answer { padding: 0 24px 18px; - font-size: 0.9375rem; + font-size: 1rem; line-height: 1.7; - color: var(--color-text-muted, #475569); + color: #334155; } .faq-front__answer p { margin: 0 0 12px; @@ -1654,7 +1665,7 @@ } .faq-front__question { padding: 14px 18px; - font-size: 0.9375rem; + font-size: 1rem; } .faq-front__answer { padding: 0 18px 14px; @@ -1722,26 +1733,28 @@ background: var(--color-bg, #FFFFFF); border-radius: var(--radius-sm, 12px); overflow: hidden; - box-shadow: var(--shadow-sm, 0 2px 12px rgba(15,23,42,0.06)); + box-shadow: 0 4px 16px rgba(15,23,42,.08); + border: 1px solid #F1F5F9; } .daylife__photo img { width: 100%; - height: 180px; + height: 200px; object-fit: cover; display: block; } .daylife__body { - padding: 20px; + padding: 24px; display: flex; flex-direction: column; - gap: 6px; + gap: 10px; flex: 1; } .daylife__time { - font-size: 0.8125rem; + font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; + line-height: 1.5; color: var(--color-primary, #2563EB); } .daylife__title { @@ -1753,9 +1766,9 @@ color: var(--color-text, #0F172A); } .daylife__desc { - font-size: 0.875rem; + font-size: 1rem; line-height: 1.5; - color: var(--color-text-muted, #475569); + color: #334155; margin: 0; } @media (max-width: 639px) { @@ -1797,7 +1810,7 @@ background: var(--color-bg, #FFFFFF); border-radius: var(--radius-sm, 12px); overflow: hidden; - box-shadow: var(--shadow-sm, 0 2px 12px rgba(15,23,42,0.06)); + box-shadow: 0 4px 16px rgba(15,23,42,.08); } .stories__photo img { width: 100%; @@ -1824,12 +1837,12 @@ color: var(--color-text-muted, #475569); } .stories__block { - border-left: 3px solid var(--color-primary-light, #EFF6FF); + border-left: 3px solid #BFDBFE; padding-left: 12px; } .stories__label { display: inline-block; - font-size: 0.75rem; + font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; @@ -1842,14 +1855,14 @@ color: var(--color-primary, #2563EB); } .stories__text { - font-size: 0.875rem; + font-size: 1rem; line-height: 1.5; - color: var(--color-text-muted, #475569); + color: #334155; margin: 0; } .stories__scroll-hint { display: none; - font-size: 0.8125rem; + font-size: 0.875rem; color: var(--color-text-muted, #475569); text-align: right; margin-bottom: 8px; @@ -2086,7 +2099,7 @@ .expert-quotes__name { display: block; font-weight: 700; - font-size: 0.9375rem; + font-size: 1rem; color: var(--color-text, #1A1A1A); font-style: normal; font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif); @@ -2094,10 +2107,10 @@ } .expert-quotes__role { display: block; - font-size: 0.8125rem; - color: var(--color-text-muted, #475569); + font-size: 0.875rem; + color: #334155; font-style: normal; - line-height: 1.4; + line-height: 1.5; margin-top: 2px; } /* Wave separator */ diff --git a/wp-content/themes/dekart/assets/css/main.css b/wp-content/themes/dekart/assets/css/main.css index 641e83f..30dc26b 100644 --- a/wp-content/themes/dekart/assets/css/main.css +++ b/wp-content/themes/dekart/assets/css/main.css @@ -11368,7 +11368,7 @@ main > .pksh-section:first-child { background: var(--color-bg); border-radius: var(--pksh-radius-card, 24px); overflow: hidden; - box-shadow: var(--shadow-sm); + box-shadow: 0 4px 16px rgba(15,23,42,.08); transition: transform 0.25s ease, box-shadow 0.25s ease; display: flex; flex-direction: column; @@ -11393,10 +11393,10 @@ main > .pksh-section:first-child { box-shadow: 0 4px 16px color-mix(in oklab, var(--color-text), transparent 90%); } .teachers-cards__card-body { - padding: clamp(14px, 1.8vw, 18px) clamp(18px, 2.5vw, 24px) clamp(20px, 2.5vw, 24px); + padding: clamp(16px, 2vw, 20px) clamp(18px, 2.5vw, 24px) clamp(20px, 2.5vw, 24px); display: flex; flex-direction: column; - gap: 6px; + gap: 10px; flex: 1; } .teachers-cards__name { @@ -11408,7 +11408,7 @@ main > .pksh-section:first-child { margin: 0; } .teachers-cards__subj { - font-size: clamp(0.8125rem, 0.9vw, 0.875rem); + font-size: clamp(0.9375rem, 1vw, 1rem); line-height: 1.4; color: var(--color-primary); text-align: center; @@ -11416,9 +11416,9 @@ main > .pksh-section:first-child { margin: 0 0 2px; } .teachers-cards__desc { - font-size: 0.825rem; + font-size: 0.9375rem; line-height: 1.5; - color: var(--color-text-muted); + color: #334155; text-align: center; margin: 0 0 4px; } @@ -11431,8 +11431,8 @@ main > .pksh-section:first-child { } .teachers-cards__meta-badge { display: inline-flex; - padding: 3px 10px; - font-size: 0.72rem; + padding: 4px 12px; + font-size: 0.8125rem; font-weight: 600; color: var(--color-primary-dark); background: var(--color-primary-light, #EFF6FF); @@ -11445,8 +11445,8 @@ main > .pksh-section:first-child { } .teachers-cards__meta-exp { display: inline-flex; - padding: 3px 10px; - font-size: 0.72rem; + padding: 4px 12px; + font-size: 0.8125rem; font-weight: 600; color: var(--pksh-text-warm); background: color-mix(in oklab, var(--color-bg-alt), var(--color-warning) 12%); @@ -11458,9 +11458,9 @@ main > .pksh-section:first-child { width: 100%; padding: 12px; border: none; - border-radius: var(--radius-sm, 12px); + border-radius: var(--radius-pill, 100px); font-family: inherit; - font-size: 0.9rem; + font-size: 1rem; font-weight: 700; color: var(--color-text-on-dark); cursor: pointer; @@ -11470,11 +11470,15 @@ main > .pksh-section:first-child { transition: transform var(--transition-fast), box-shadow var(--transition-fast); box-shadow: var(--pksh-btn-shadow-bright); margin-top: auto; + min-height: 44px; } .teachers-cards__btn:hover { transform: translateY(-2px); box-shadow: var(--pksh-btn-shadow-bright-hover); } +.teachers-cards__btn:active { + transform: scale(0.97); +} .teachers-cards__btn:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; @@ -11518,7 +11522,7 @@ main > .pksh-section:first-child { /* ── 21. Teachers scroll hint ── */ .teachers-cards__scroll-hint { display: none; - font-size: 0.8125rem; + font-size: 0.875rem; color: var(--color-text-muted, #475569); text-align: right; margin-bottom: 8px; @@ -11608,7 +11612,7 @@ main > .pksh-section:first-child { display: inline-flex; align-items: center; gap: 8px; - font-size: 0.9375rem; + font-size: 1rem; font-weight: 600; color: var(--color-primary, #2563EB); text-decoration: none;