/* resources/global.css */

/* Color Variables */
:root {
    --color-primary-blue: #3498db;
    --color-primary-blue-dark: #2980b9;
    --color-accent-orange: #e67e22;
    --color-accent-orange-dark: #d35400;
    --color-white: #ffffff;
    --color-light-gray: #f8f8f8;
    --color-dark-gray: #333333;
    --color-text-on-dark: #f8f8f8;
    --color-footer-bg: #1a202c; /* Darker than gray-900 for contrast */
}

body {
    color: var(--color-dark-gray);
}
html{
      scroll-behavior: smooth;
}
/* Custom Tailwind-like classes for readability */
.text-blue-700 { color: var(--color-primary-blue-dark); }
.hover\:text-blue-700:hover { color: var(--color-primary-blue-dark); }
.bg-blue-700 { background-color: var(--color-primary-blue-dark); }
.hover\:bg-blue-800:hover { background-color: #2471a3; }
.text-orange-600 { color: var(--color-accent-orange); }
.hover\:text-orange-600:hover { color: var(--color-accent-orange); }
.bg-orange-600 { background-color: var(--color-accent-orange); }
.hover\:bg-orange-700:hover { background-color: var(--color-accent-orange-dark); }
.border-blue-300 { border-color: #7bbce8; }
.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--color-light-gray), var(--color-white)); }
.from-blue-50 { --tw-gradient-from: #eff6ff; --tw-gradient-to: rgba(239, 246, 255, 0); }
.to-orange-50 { --tw-gradient-to: #fff7ed; }
.bg-gray-900 { background-color: var(--color-footer-bg); }
.text-gray-400 { color: #a0aec0; }
.hover\:text-blue-400:hover { color: #60a5fa; }
.text-blue-400 { color: #60a5fa; }

/* Hero Section Animations */
.hero-quote, .hero-author {
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* Featured Article Block - Card Flip */
.perspective-1000 {
    perspective: 1000px;
}
.transform-style-preserve-3d {
    transform-style: preserve-3d;
}
.backface-hidden {
    backface-visibility: hidden;
}
.featured-card {
    transition: transform 0.7s ease-in-out;
}
.featured-card-front, .featured-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backface-visibility: hidden;
}
.featured-card-back {
    transform: rotateY(180deg);
}
.featured-card.flipped {
    transform: rotateY(180deg);
}

/* Article Carousel */
.carousel-container {
    position: relative;
}
.carousel-track {
    display: flex;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* For smoother scrolling on iOS */
    overflow-x: hidden; /* Hide scrollbar */
}
.article-card {
    scroll-snap-align: start;
    /* Adjust width for responsiveness */
    width: 100%; /* Default for mobile */
}
@media (min-width: 768px) {
    .article-card { width: 50%; } /* 2 cards on medium screens */
}
@media (min-width: 1024px) {
    .article-card { width: 33.3333%; } /* 3 cards on large screens */
}

.carousel-prev, .carousel-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    outline: none;
    z-index: 10;
}

.carousel-dots .dot {
    transition: background-color 0.3s ease-in-out;
}
.carousel-dots .dot.active {
    background-color: var(--color-primary-blue);
}

/* About Author Section - Timeline Animation */
.timeline-item {
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    position: relative;
}
.timeline-item::before {
    content: '';
    position: absolute;
    left: -12px; /* Half of the dot width */
    top: 0px; /* Align with the dot */
    width: 2px;
    height: 100%;
    background-color: var(--color-blue-400); /* Line color */
    z-index: 0;
}
.timeline-item:last-child::before {
    height: calc(100% - 24px); /* Adjust for the last item's dot height */
}

/* Author photo pulse effect */
@keyframes pulse-border {
    0% { box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(52, 152, 219, 0); }
    100% { box-shadow: 0 0 0 0 rgba(52, 152, 219, 0); }
}
.animate-pulse-border {
    animation: pulse-border 2s infinite;
}

/* Back to Top Button */
#back-to-top {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#back-to-top.show {
    opacity: 1;
    visibility: visible;
}

/* General hover effects for social icons in footer */
footer a.material-symbols-outlined {
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}
/* resources/global.css */

/* Add these new styles */

.policyScopeWrap {
    /* Padding for the policy content wrapper */
    padding: 40px 20px;
    /* Max width for readability on large screens, adjust as needed */
    max-width: 960px;
    /* Center the content */
    margin-left: auto;
    margin-right: auto;
}

.policyScopeWrap h1 {
    /* Heading 1 styles */
    font-size: 2.2em; /* Approximately 35px */
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.2;
    color: var(--color-dark-gray);
}

.policyScopeWrap h2 {
    /* Heading 2 styles */
    font-size: 1.8em; /* Approximately 29px */
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 20px;
    line-height: 1.3;
    color: var(--color-dark-gray);
}

.policyScopeWrap h3 {
    /* Heading 3 styles */
    font-size: 1.5em; /* Approximately 24px */
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 1.4;
    color: var(--color-dark-gray);
}

.policyScopeWrap h4 {
    /* Heading 4 styles */
    font-size: 1.2em; /* Approximately 19px */
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: var(--color-dark-gray);
}

.policyScopeWrap h5 {
    /* Heading 5 styles */
    font-size: 1em; /* Approximately 16px, standard base font size */
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 8px;
    line-height: 1.6;
    color: var(--color-dark-gray);
}

.policyScopeWrap p {
    /* Paragraph styles */
    font-size: 1em; /* Base font size */
    line-height: 1.6;
    margin-bottom: 15px;
    color: var(--color-dark-gray);
}

.policyScopeWrap ul {
    /* Unordered list styles */
    list-style: disc; /* Default disc bullet */
    margin-left: 25px; /* Indent the list */
    margin-bottom: 15px;
    padding: 0;
}

.policyScopeWrap ul li {
    /* List item styles */
    font-size: 1em; /* Base font size */
    line-height: 1.6;
    margin-bottom: 8px; /* Space between list items */
    color: var(--color-dark-gray);
}

/* Optional: Add styles for ordered lists if needed, similar to ul */
/*
.policyScopeWrap ol {
    list-style: decimal;
    margin-left: 25px;
    margin-bottom: 15px;
    padding: 0;
}

.policyScopeWrap ol li {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 8px;
    color: var(--color-dark-gray);
}
*/
.blog-thumb-nsw{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.article-card{
    width: 100%;
}
@media (min-width:767px) {
    .article-card{
    width: calc(50% - 20px);
}
}
@media (max-width:575px) {
    .menu-block{
    flex-direction: column;
}
}