.elementor-8358 .elementor-element.elementor-element-259c1cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-8358 .elementor-element.elementor-element-259c1cb:not(.elementor-motion-effects-element-type-background), .elementor-8358 .elementor-element.elementor-element-259c1cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #E6F3F9 0%, #FFFFFFE6 100%);}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8358 .elementor-element.elementor-element-7f0f753.elementor-element{--align-self:center;}.elementor-8358 .elementor-element.elementor-element-7f0f753{color:#0F3E5E;}.elementor-8358 .elementor-element.elementor-element-7f0f753 a{color:#104F7A;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8358 .elementor-element.elementor-element-e005f77{text-align:center;}.elementor-8358 .elementor-element.elementor-element-e005f77 .elementor-heading-title{font-family:"KFGQPC Uthman Taha Naskh", Sans-serif;font-size:2.5rem;font-weight:800;text-transform:none;font-style:normal;color:#0A5C88;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8358 .elementor-element.elementor-element-b7030bd .elementor-icon-list-icon i{color:#000000;font-size:14px;}.elementor-8358 .elementor-element.elementor-element-b7030bd .elementor-icon-list-icon svg{fill:#000000;--e-icon-list-icon-size:14px;}.elementor-8358 .elementor-element.elementor-element-b7030bd .elementor-icon-list-icon{width:14px;}.elementor-8358 .elementor-element.elementor-element-b7030bd .elementor-icon-list-text, .elementor-8358 .elementor-element.elementor-element-b7030bd .elementor-icon-list-text a{color:#000000;}.elementor-8358 .elementor-element.elementor-element-b7030bd .elementor-icon-list-item{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8358 .elementor-element.elementor-element-e9a6b72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header-title{text-align:start;}.elementor-8358 .elementor-element.elementor-element-5e89320{--item-text-hover-decoration:underline;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8358 .elementor-element.elementor-element-3aa74dc{color:#1F2937;font-family:"KFGQPC Uthman Taha Naskh", Sans-serif;font-size:21px;font-weight:400;}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-8358 .elementor-element.elementor-element-08193f3 .elementor-author-box__name{color:#0A5C88;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-8358 .elementor-element.elementor-element-08193f3 .elementor-author-box__bio{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8358 .elementor-element.elementor-element-8cfe0d8{text-align:center;}.elementor-8358 .elementor-element.elementor-element-ae9772d{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}@media(max-width:1024px){.elementor-8358 .elementor-element.elementor-element-3aa74dc{padding:0px 10px 0px 10px;text-align:justify;} .elementor-8358 .elementor-element.elementor-element-ae9772d{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-8358 .elementor-element.elementor-element-e005f77 .elementor-heading-title{font-size:1.8rem;}.elementor-8358 .elementor-element.elementor-element-b7030bd .elementor-icon-list-item{font-size:12px;}.elementor-8358 .elementor-element.elementor-element-3aa74dc{font-size:19px;}.elementor-8358 .elementor-element.elementor-element-08193f3 .elementor-author-box__name{font-size:15px;}.elementor-8358 .elementor-element.elementor-element-08193f3 .elementor-author-box__bio{font-size:12px;} .elementor-8358 .elementor-element.elementor-element-ae9772d{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for theme-post-title, class: .elementor-element-e005f77 */.elementor-8358 .elementor-element.elementor-element-e005f77 {
    animation: fadeInUp 0.6s ease 0.2s forwards;}/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-b7030bd */.elementor-8358 .elementor-element.elementor-element-b7030bd {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    animation: fadeInUp 0.6s ease 0.6s forwards;
}/* End custom CSS */
/* Start custom CSS for theme-post-featured-image, class: .elementor-element-1fdc158 */.elementor-8358 .elementor-element.elementor-element-1fdc158 img {
    transition: transform 0.3s ease;
}

.elementor-8358 .elementor-element.elementor-element-1fdc158:hover img {
    transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for table-of-contents, class: .elementor-element-5e89320 *//* ===== TABLE OF CONTENTS WIDGET - ALJAHIZ OCEAN BLUE THEME ===== */

/* CSS Variables - Tambah dalam page/global settings */
:root {
    --primary-blue: #0a5c88;
    --secondary-blue: #1e7ba8;
    --accent-blue: #4aa3c8;
    --light-blue: #e6f3f9;
    --text-dark: #1f2937;
    --text-gray: #6b7280;
    --white: #ffffff;
    --border-light: #e5e7eb;
}

/* ==== MAIN CONTAINER STYLING ==== */
.elementor-8358 .elementor-element.elementor-element-5e89320 {
    background: linear-gradient(135deg, var(--white) 0%, var(--light-blue) 100%);
    border: 2px solid rgba(10, 92, 136, 0.15);
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 8px 25px rgba(10, 92, 136, 0.1);
    position: relative;
    overflow: hidden;
    margin-bottom: 3rem;
}

/* Decorative element */
.elementor-8358 .elementor-element.elementor-element-5e89320::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-blue), var(--accent-blue));
    border-radius: 20px 20px 0 0;
}

/* ==== HEADER STYLING ==== */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--border-light);
    position: relative;
}

.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header-title {
    color: var(--primary-blue) !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Icon styling */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header-title::before {
    content: '📋';
    font-size: 1.5rem;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Toggle button */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__toggle-button {
    background: var(--primary-blue) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0.5rem 1rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    font-size: 0.85rem !important;
}

.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__toggle-button:hover {
    background: var(--secondary-blue) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(10, 92, 136, 0.3) !important;
}

/* ==== BODY/LIST STYLING ==== */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__body {
    transition: all 0.3s ease;
}

/* Main list */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-wrapper {
    max-height: none !important;
}

.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-wrapper ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ==== LIST ITEMS STYLING ==== */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item {
    margin-bottom: 0.75rem !important;
    position: relative;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item:hover {
    background: rgba(10, 92, 136, 0.05);
    transform: translateX(5px);
}

/* List item links */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a {
    color: var(--text-gray) !important;
    text-decoration: none !important;
    display: block !important;
    padding: 0.75rem 1rem !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    transition: all 0.3s ease !important;
    position: relative;
    border-left: 3px solid transparent;
}

.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a:hover {
    color: var(--primary-blue) !important;
    background: rgba(10, 92, 136, 0.08) !important;
    border-left-color: var(--primary-blue);
}

/* Active state */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item.elementor-item-active a {
    color: var(--primary-blue) !important;
    background: rgba(10, 92, 136, 0.12) !important;
    border-left-color: var(--primary-blue) !important;
    font-weight: 600 !important;
}

/* ==== NESTED LISTS (H3, H4, etc.) ==== */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item .elementor-toc__list-items {
    margin-top: 0.5rem !important;
    padding-left: 1.5rem !important;
    border-left: 2px solid var(--border-light);
    margin-left: 1rem;
}

/* Nested list items */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item .elementor-toc__list-items .elementor-toc__list-item a {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
    color: var(--text-gray) !important;
}

.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item .elementor-toc__list-items .elementor-toc__list-item a:hover {
    color: var(--secondary-blue) !important;
    background: rgba(30, 123, 168, 0.08) !important;
}

/* ==== LEVEL INDICATORS ==== */
/* H2 - Level 1 */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item[data-level="2"] a::before {
    content: '1.';
    color: var(--primary-blue);
    font-weight: 600;
    margin-right: 0.5rem;
    font-size: 0.9rem;
}

/* H3 - Level 2 */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item[data-level="3"] a::before {
    content: '•';
    color: var(--secondary-blue);
    font-weight: 600;
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

/* H4 - Level 3 */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item[data-level="4"] a::before {
    content: '◦';
    color: var(--accent-blue);
    font-weight: 600;
    margin-right: 0.5rem;
    font-size: 1rem;
}

/* ==== SMOOTH SCROLLING ENHANCEMENT ==== */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a {
    scroll-behavior: smooth;
}

/* ==== MOBILE RESPONSIVE ==== */
@media (max-width: 768px) {
    .elementor-8358 .elementor-element.elementor-element-5e89320 {
        padding: 1.5rem;
        border-radius: 16px;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header-title {
        font-size: 1.1rem !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a {
        padding: 0.6rem 0.75rem !important;
        font-size: 0.9rem !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item .elementor-toc__list-items {
        padding-left: 1rem !important;
    }
}

@media (max-width: 480px) {
    .elementor-8358 .elementor-element.elementor-element-5e89320 {
        padding: 1rem;
        margin-bottom: 2rem;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header {
        padding-bottom: 0.75rem;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header-title {
        font-size: 1rem !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a {
        padding: 0.5rem !important;
        font-size: 0.85rem !important;
    }
}

/* ==== ADVANCED FEATURES ==== */

/* Sticky positioning (optional) */
.elementor-8358 .elementor-element.elementor-element-5e89320.toc-sticky {
    position: sticky;
    top: 2rem;
    z-index: 100;
}

/* Collapse animation */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__body.elementor-toc__body--collapsed {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-10px);
}

/* Progress indicator (custom addition) */
.elementor-8358 .elementor-element.elementor-element-5e89320::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-blue), var(--accent-blue));
    border-radius: 0 0 20px 20px;
    width: 0%;
    transition: width 0.3s ease;
}

.elementor-8358 .elementor-element.elementor-element-5e89320.reading-progress::after {
    width: var(--reading-progress, 0%);
}

/* ==== DARK MODE SUPPORT ==== */
@media (prefers-color-scheme: dark) {
    .elementor-8358 .elementor-element.elementor-element-5e89320 {
        background: linear-gradient(135deg, #1f2937 0%, #0f172a 100%);
        border-color: rgba(74, 163, 200, 0.3);
        color: #ffffff;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__header-title {
        color: var(--accent-blue) !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a {
        color: #d1d5db !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a:hover {
        color: var(--accent-blue) !important;
        background: rgba(74, 163, 200, 0.15) !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item.elementor-item-active a {
        color: var(--accent-blue) !important;
        background: rgba(74, 163, 200, 0.2) !important;
    }
}

/* ==== HIGH CONTRAST MODE ==== */
@media (prefers-contrast: high) {
    .elementor-8358 .elementor-element.elementor-element-5e89320 {
        border: 3px solid var(--primary-blue);
        background: var(--white);
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a {
        color: var(--text-dark) !important;
        border: 1px solid transparent;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a:hover,
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item.elementor-item-active a {
        border-color: var(--primary-blue);
        background: var(--light-blue) !important;
    }
}

/* ==== PRINT STYLES ==== */
@media print {
    .elementor-8358 .elementor-element.elementor-element-5e89320 {
        background: white !important;
        border: 1px solid #000 !important;
        box-shadow: none !important;
        page-break-inside: avoid;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__toggle-button {
        display: none !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a {
        color: #000 !important;
        text-decoration: underline !important;
    }
}

/* ==== ACCESSIBILITY ENHANCEMENTS ==== */
.elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a:focus {
    outline: 2px solid var(--primary-blue);
    outline-offset: 2px;
    background: rgba(10, 92, 136, 0.1) !important;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    .elementor-8358 .elementor-element.elementor-element-5e89320,
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item,
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item a,
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__toggle-button {
        transition: none !important;
        animation: none !important;
    }
    
    .elementor-8358 .elementor-element.elementor-element-5e89320 .elementor-toc__list-item:hover {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-3aa74dc */.elementor-8358 .elementor-element.elementor-element-3aa74dc h2 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 20px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'KFGQPC Uthman Taha Naskh';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://aljahiz.my/wp-content/uploads/2025/08/KFGQPC-Uthman-Taha-Naskh-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'KFGQPC Uthman Taha Naskh';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://aljahiz.my/wp-content/uploads/2025/08/KFGQPC-Uthman-Taha-Naskh-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */