/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

// .wp-block-wpogc-link-preview-cards
// 	background-color: #21759b;
// 	color: #fff;
// 	padding: 2px;
// }

.card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
//   transform: translateY(-1px);
  transform: scale(1.005);
//   transform: translateY(-1px) scale(1.01);
  .card-title {
	text-decoration: underline;
  }
}

// .card {
// 	// > div {
// 	// 	// this darkens the base color by 5%
// 	// 	// background-color: lch( from var(--wp--preset--color--base) calc(l - 5) 0 0);
// 	// 	// background-color: var(--wp--preset--color--accent-1);
// 	// }
// }

.wp-block-link-preview-cards-og-card {
	// Default width for normal alignment
	// .card {
	// 	max-width: 500px;
	// 	width: 100%;
	// }

	.aligncenter {
		margin-left: auto;
		margin-right: auto;
	}

	.alignright {
		margin-left: auto;
		margin-right: 0;
	}

	.alignleft {
		margin-right: auto;
		margin-left: 0;
	}

	.alignwide {
		.card {
			max-width: var(--wp--style--global--wide-size, 1200px); // Uses WordPress wide size
		}
	}

	.alignfull {
		.card {
			max-width: none; // Full width
			width: 100%;
		}
	}
}