/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
 * [ Global CSS ]
 * 
 */

/* Global Theme */
:root {
    --box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
	--hover-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
	--radius-5: 5px;
	--radius-8: 8px;
	--radius-12: 12px;
	--radius-oval: 50px;
	--border: 1px solid #ddd;
	--transform-y: translateY(-2px);
	--transition: all 0.3s ease;
}

.fade {opacity: 0; transform: var(--transform-y); transition: opacity 0.5s, transform 1s;}
.fadeUp {opacity: 0; transform: translateY(1.5rem); transition: opacity 0.5s, transform 1s;}
.fadeDown {opacity: 0; transform: translateY(-1rem); transition: opacity 0.5s, transform 1s;}
.fadeLeft {opacity: 0; transform: translateX(1rem); transition: opacity 0.5s, transform 1s;}
.fadeRight {opacity: 0; transform: translateX(-1rem); transition: opacity 0.5s, transform 1s;}
.fade.visible, .fadeUp.visible, .fadeRight.visible, .fadeLeft.visible, .fadeDown.visible {opacity: 1; transform: translateY(0);}

/* Social Share */
.social-share-wrapper {margin: 20px 0;display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
.social-share-label {font-size: 16px;font-weight: 600;color: #1a1a1a;}.social-share-buttons {display: flex;gap: 5px;align-items: center;}
.social-share-btn {width: 40px;height: 40px;background: var(--base-2);border-radius: 10px;border: 1px solid var(--accent);display: flex;align-items: center;justify-content: center;text-decoration: none;transition: all 0.3s ease;cursor: pointer;}
.copy-link-btn {background-color: var(--base-2);width: auto;color: var(--accent);font-size: 0.875em;font-weight: 600;display: flex;align-items: center;gap: 5px;padding:10px}
.copy-link-btn:hover {color:var(--base-3);border:none;}
.social-share-btn:hover {background: var(--accent, #00d084);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 208, 132, 0.3);border:none;}
.social-share-btn svg {width: 18px;height: 18px;color: var(--accent, #00d084);transition: color 0.3s ease;}
.social-share-btn:hover svg {color: white;}
.copy-feedback {position: fixed;bottom: 20px;right: 20px;background: #333;color: white;padding: 12px 20px;border-radius: 8px;font-size: 14px;opacity: 0;transform: translateY(20px);transition: all 0.3s ease;z-index: 9999;pointer-events: none;}
.copy-feedback.show {opacity: 1;transform: translateY(0);}
        
@media (max-width: 576px) {
	.social-share-wrapper {flex-direction: column;align-items: flex-start;}
}
    

/* - Nav - */
.main-navigation {box-shadow: 0 0 25px rgba(201, 213, 219, 0.50), 0 0 0 rgba(0, 0, 0, 0);}
.navigation-branding img, .site-logo.mobile-header-logo img {height:52px !important;padding:0 !important;}

/* - Loop - */
.post-image img {height:200px;width:100%; object-fit:cover;}
.entry-summary:not(:first-child) {margin-top:1em;}

/* - Single - */
blockquote {font-size:1em;}
.featured-image img {height:250px;width:100%; object-fit:cover;}
.rank-math-breadcrumb p {margin-bottom:1em;}
.entry-meta, .rank-math-breadcrumb {font-size:15px;}
.entry-meta a {font-weight:500;}
.site-info {font-size:14px;}

/* Mobile CSS */
.gp-icon svg {top:.15em;}
.menu-toggle {padding:0 20px 0 0;}
.menu-toggle .gp-icon + .mobile-menu {font-size: 14px;font-weight: bold;}
.main-navigation.toggled .main-nav li {border-top: 1px solid var(--base);}
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {line-height:40px;}

@media (max-width: 768px) {
  .navigation-branding .main-title, .mobile-header-navigation .site-logo {margin-left: 1em !important;}
}


/* ==========================================================
   Tabel responsif
   ========================================================== */
.entry-content table {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-collapse: collapse;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	margin: 0 0 1.5em;
	font-size: 15px;
	line-height: 1.5;
}
.entry-content table th,
.entry-content table td {
	padding: 10px 14px;
	border: 1px solid #e5e7eb;
	text-align: left;
	vertical-align: top;
	min-width: 110px;
	overflow-wrap: anywhere;
}
.entry-content table th {
	background: #f9fafb;
	font-weight: 600;
	white-space: nowrap;
}
.entry-content table tr:nth-child(even) td {
	background: #fcfcfd;
}

.entry-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
	margin: 0 0 1.5em;
}
.entry-content .wp-block-table table {
	margin: 0;
}

.entry-content img,
.entry-content iframe,
.entry-content video {
	max-width: 100%;
	height: auto;
}
.entry-content pre {
	max-width: 100%;
	overflow-x: auto;
}
.entry-content {
	overflow-wrap: break-word;
}